/*
 * StablEdge design tokens — 全站第一个加载的样式，只放 :root 变量。
 * 颜色可被 Customizer 以内联 :root 覆盖（--bg / --fg / --fg-muted / --brand-blue），
 * 派生色用 color-mix 计算，覆盖基色后自动跟随。
 */

:root {
    /* ── 颜色：底与面 ── */
    --bg: #0b0c0f;
    --bg-elevated: #111317;
    --surface: #16181d;
    --hero-bg: #010208;

    /* ── 颜色：线 ── */
    --line: rgba(255, 255, 255, 0.08);
    --line-strong: rgba(255, 255, 255, 0.16);
    --line-width: 1px;

    /* ── 颜色：文字 ── */
    --fg: #e8eaed;
    --fg-secondary: color-mix(in srgb, var(--fg) 72%, transparent);
    --fg-muted: #7d828b;
    --fg-on-brand: #ffffff;

    /* ── 颜色：品牌（唯一强调色） ── */
    --brand-blue: #0077ff;
    --brand-blue-hover: color-mix(in srgb, var(--brand-blue) 82%, #ffffff);
    --brand-blue-soft: color-mix(in srgb, var(--brand-blue) 14%, transparent);

    /* ── 颜色：浅色区块 ── */
    --bg-inverse: #f4f5f7;
    --fg-inverse: #0b0c0f;
    --fg-inverse-muted: #5b6069;
    --line-inverse: rgba(11, 12, 15, 0.1);

    /* ── 字体 ── */
    --font-mono: 'JetBrains Mono', 'Alibaba PuHuiTi', ui-monospace, 'SF Mono', Consolas, 'PingFang SC', 'Microsoft YaHei', monospace;
    --font-sans: 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', system-ui, sans-serif;

    /* ── 字号阶梯 ── */
    --fs-xs: 0.75rem;
    --fs-sm: 0.875rem;
    --fs-base: 1rem;
    --fs-md: 1.0625rem;
    --fs-lg: 1.25rem;
    --fs-xl: 1.5rem;
    --fs-2xl: clamp(1.75rem, 1.4rem + 1.2vw, 2.25rem);
    --fs-3xl: clamp(2.25rem, 1.6rem + 2.2vw, 3.5rem);
    --fs-display: clamp(3rem, 2rem + 4vw, 5.5rem);

    /* ── 行高 / 字重 / 字距 ── */
    --lh-tight: 1.1;
    --lh-snug: 1.3;
    --lh-normal: 1.5;
    --lh-body: 1.75;
    --lh-relaxed: 1.8;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-bold: 700;
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.03em;
    --tracking-normal: 0;
    --tracking-wide: 0.04em;

    /* ── 间距阶梯 ── */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;

    /* ── 布局 ── */
    --container-max: 80rem;
    --container-px: var(--space-12);
    --container-px-mobile: var(--space-5);

    /* ── 圆角 ── */
    --radius-xs: 2px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 10px;
    --radius-full: 999px;

    /* ── 透明度 ── */
    --opacity-muted: 0.68;
    --opacity-hover: 1;

    /* ── 导航 ── */
    --nav-h: 4rem;
    --nav-h-mobile: 3.5rem;
    /* 与页面边距同值（--page-px 定义在 tokens-blocks.css） */
    --nav-px: var(--page-px);
    --nav-px-mobile: var(--page-px-mobile);
    --nav-fg: var(--fg);
    --nav-fg-inverse: var(--fg-inverse);
    --nav-scrolled-bg: color-mix(in srgb, var(--bg) 55%, transparent);
    --nav-scrolled-bg-inverse: color-mix(in srgb, var(--bg-inverse) 60%, transparent);
    --nav-blur: 12px;
    --nav-line: var(--line);
    --nav-line-inverse: var(--line-inverse);
    --nav-logo-h: 1.75rem;
    --nav-cta-h: 2rem;
    --nav-toggle-size: 2.25rem;
    --nav-toggle-bar-w: 1.125rem;
    --nav-toggle-bar-gap: 0.375rem;

    /* ── 页脚 ── */
    --footer-logo-h: 1.5rem;
    --footer-qr-size: 6rem;
    --footer-col-min: 10rem;

    /* ── 动效 ── */
    --dur-fast: 150ms;
    --dur-base: 250ms;
    --dur-slow: 400ms;
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

    /* ── z-index 层级 ── */
    --z-canvas: 0;
    --z-base: 1;
    --z-hero: 10;
    --z-nav: 100;
    --z-nav-panel: 110;
    --z-overlay: 200;

    /* ── 旧变量别名（旧页面过渡用，下一阶段重写后删除） ── */
    --bg-light: var(--bg);
    --text-dark: var(--fg);
    --text-muted: var(--fg-muted);
    --dark-section: var(--bg-elevated);
}