/* ============================================
   偏向系统 / Orientation Bias System
   Design Tokens
   ============================================ */

:root {
  /* ---------- 配色（米白/纸感） ---------- */
  --bg-base: #fafaf7;
  --bg-panel: #ffffff;
  --bg-elevated: #f4f2ec;
  --bg-deepest: #f0ede5;

  --border: #d8d3c5;
  --border-strong: #b8b1a0;
  --border-faint: rgba(40, 30, 10, 0.06);

  --text-primary: #1a1812;
  --text-secondary: #5e574a;
  --text-tertiary: #8a8270;
  --text-mute: #b8b0a0;

  --accent: #2563d9;
  --accent-soft: rgba(37, 99, 217, 0.08);
  --accent-line: rgba(37, 99, 217, 0.3);

  --warn: #d94c3a;
  --warn-soft: rgba(217, 76, 58, 0.08);

  --ok: #16a34a;
  --ok-soft: rgba(22, 163, 74, 0.08);

  --mute: #d97706;
  --mute-soft: rgba(217, 119, 6, 0.1);

  --pink: #ec4899;
  --cyan: #06b6d4;
  --violet: #7c3aed;

  /* ---------- 字体 ---------- */
  --font-sans: "Inter", "Helvetica Neue", "PingFang SC",
    "Microsoft YaHei", "Hiragino Sans GB", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", "Menlo", "Consolas",
    "Liberation Mono", monospace;
  --font-cn: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
    "Source Han Sans CN", sans-serif;

  /* ---------- 字号 ---------- */
  --fs-xs: 13px;
  --fs-sm: 14px;
  --fs-base: 16px;
  --fs-md: 18px;
  --fs-lg: 22px;
  --fs-xl: 28px;
  --fs-2xl: 38px;
  --fs-3xl: 36px;
  --fs-display: 56px;

  /* ---------- 间距 ---------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;

  /* ---------- 圆角 ---------- */
  --r-1: 2px;
  --r-2: 4px;
  --r-3: 6px;
  --r-pill: 999px;

  /* ---------- 阴影 / 高光 ---------- */
  --hl: 0 1px 0 rgba(255, 255, 255, 0.6);
  --hl-strong: 0 1px 0 rgba(255, 255, 255, 0.85);
  --shdw: 0 4px 16px rgba(0, 0, 0, 0.06);
  --shdw-lg: 0 12px 48px rgba(0, 0, 0, 0.12);

  /* ---------- 动效 ---------- */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --t-fast: 150ms;
  --t-base: 280ms;
  --t-slow: 480ms;

  /* ---------- 层级 ---------- */
  --z-bg: 0;
  --z-base: 1;
  --z-stage: 10;
  --z-hud: 50;
  --z-drawer: 80;
  --z-toast: 100;
}