/* ============================================================
 * AixFlow Web3 — L0 Design Tokens
 * 全站设计变量统一来源，所有上层禁止硬编码颜色/字号/间距
 * 版本: v1.0 | 2026-05-26
 * ============================================================ */

:root {
  /* ── 色彩 · 品牌 ─────────────────────────── */
  --primary: #006548;
  --primary-active: #004d39;
  --primary-disabled: rgba(0, 101, 72, 0.45);
  --brand-2: #004d39;
  --surface: #f1f5f9;
  --border: #e5e7eb;
  --primary-soft: rgba(0, 101, 72, 0.08);
  --primary-hover-bg: rgba(0, 101, 72, 0.03);

  /* ── 色彩 · 文字 ─────────────────────────── */
  --ink: #0b0f19;             /* 主文字（标题/正文强调） */
  --body: #4b5563;            /* 正文 */
  --muted: #9ca3af;           /* 次要说明文字 */
  --muted-soft: #a8acb3;      /* 占位/禁用文字 */

  /* ── 色彩 · 表面 ─────────────────────────── */
  --surface-soft: #f7f7f7;
  --surface-strong: #eef0f3;
  --surface-dark: #0a0b0d;
  --surface-dark-elevated: #16181c;
  --panel: #ffffff;
  --panel-translucent: rgba(255, 255, 255, 0.96);
  --canvas: #ffffff;            /* dashboard 使用：纯白画布背景 */

  /* ── 色彩 · 分割线 ───────────────────────── */
  --hairline: #dee1e6;
  --hairline-soft: #eef0f3;

  /* ── 色彩 · 语义 ─────────────────────────── */
  --semantic-up: #05b169;     /* 成功/上涨/已通过 */
  --semantic-down: #cf202f;   /* 失败/下跌/已拒绝 */
  --warning: #f4b000;         /* 警告/审核中 */

  --semantic-up-soft: rgba(5, 177, 105, 0.10);
  --semantic-down-soft: rgba(207, 32, 47, 0.08);
  --warning-soft: rgba(244, 176, 0, 0.13);

  /* 兼容旧别名：--success / --danger / --line 仍有页面在用；
     --soft / --dark 随旧版链路（2026-09-10 下线）一起没了使用方，已删除 */
  --success: var(--semantic-up);
  --danger: var(--semantic-down);
  --line: var(--hairline-soft);

  /* ── 字体 ────────────────────────────────── */
  --font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, monospace;

  /* ── 字号 ────────────────────────────────── */
  --fs-page-title: 30px;
  --fs-card-title: 18px;
  --fs-body: 14px;
  --fs-sm: 13px;
  --fs-xs: 12px;
  --fs-micro: 11px;

  /* ── 字重 ────────────────────────────────── */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* ── 圆角 ────────────────────────────────── */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 26px;
  --radius-pill: 999px;

  /* ── 阴影 ────────────────────────────────── */
  --shadow-card: 0 2px 16px rgba(10, 11, 13, 0.04);
  --shadow-elevated: 0 2px 12px rgba(10, 11, 13, 0.035);
  --shadow-drawer: -24px 0 70px rgba(10, 11, 13, 0.16);
  --shadow-confirm: 0 30px 80px rgba(10, 11, 13, 0.18);
  --shadow-toast: 0 12px 32px rgba(10, 11, 13, 0.10), 0 0 0 1px rgba(10, 11, 13, 0.04);
  --shadow-pill: 0 2px 8px rgba(10, 11, 13, 0.045);

  /* ── 间距刻度（4px 网格体系）────────────── */
  --space-2xs: 4px;
  --space-xs:  8px;
  --space-sm:  12px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  32px;
  --space-2xl: 40px;

  /* ── 布局尺寸 ────────────────────────────── */
  --nav-w: 240px;
  --header-h: 82px;
  --page-pad-x: var(--space-lg);
  --page-pad-y: var(--space-lg);
  --card-gap: var(--space-lg);
  --card-pad: var(--space-lg);

  /* ── 左侧导航（L1 唯一取值来源，nav.css 只引用不硬编码）──
   * 深绿底上的浅色文字自成一套色阶，与正文 --ink/--body/--muted 分开，
   * 但字号 / 字重仍复用 --fs-* / --fw-*，保证与页面正文同一套排版刻度。 */
  --nav-bg-from: var(--primary);
  --nav-bg-to: #00583f;
  --nav-ink: #ffffff;                        /* 高亮项 / hover 文字 */
  --nav-ink-dim: rgba(255, 255, 255, 0.72);  /* 常态导航项文字 */
  --nav-ink-muted: rgba(255, 255, 255, 0.54);/* 分组标题 */
  --nav-item-hover-bg: rgba(255, 255, 255, 0.08);
  --nav-item-active-bg: rgba(255, 255, 255, 0.16);
  --nav-scrollbar: rgba(255, 255, 255, 0.24);
  --nav-pad-x: 20px;
  --nav-pad-x-compact: 18px;                 /* ≤1080px 只收紧内边距 */
  --nav-pad-y-top: var(--space-xl);
  --nav-pad-y-bottom: var(--space-lg);
  --nav-section-gap: 30px;                   /* 品牌区 → 分组区 */
  --nav-group-gap: 20px;                     /* 分组之间 */
  --nav-item-gap: 6px;                       /* 同组导航项之间 */
  --nav-item-gap-inner: var(--space-sm);      /* 图标 → 文字 */
  --nav-item-h: 48px;
  --nav-item-pad-x: var(--space-sm);
  --nav-arrow-fs: 25px;                      /* 高亮项右侧「›」字形大小 */
  --nav-icon-box: 22px;
  --nav-icon-size: 20px;
  --nav-brand-h: 48px;
  --nav-brand-gap: 9px;
  --nav-brand-fs: 27px;
  --nav-brand-product-fs: 10px;

  /* ── z-index 分层 ────────────────────────── */
  --z-nav: 10;
  --z-header: 20;
  --z-sticky: 30;
  --z-drawer-bd: 80;
  --z-drawer: 90;
  --z-confirm: 130;
  --z-toast: 150;
  --z-meta-fab: 160;
  --z-meta-panel: 170;

  /* ── 动效 ────────────────────────────────── */
  --transition-fast: 100ms ease;
  --transition-base: 150ms ease;
  --transition-slow: 220ms cubic-bezier(.16, 1, .3, 1);

  /* ── 背景渐变（L0 画布专用） ──────────────── */
  --canvas-bg:
    radial-gradient(circle at 18% 0%, var(--primary-soft), transparent 30%),
    radial-gradient(circle at 92% 12%, rgba(5, 177, 105, 0.045), transparent 26%),
    linear-gradient(180deg, #f8f9fd 0%, #f4f6fb 100%);
}