/* ============================================================
   Design Tokens — 双主题
   默认 :root = 终端绿 (DESGIN.md)
   [data-theme="clay"] = 奶霜克莱 (DESIGN.CLAY.md)
   ============================================================ */

:root,
[data-theme="terminal"] {
  /* ---------- Colors ---------- */
  --bg: #0a0a0a;
  --bg-elevated: #0f0f0f;
  --bg-overlay: #050505;

  --fg: #33ff00;
  --fg-amber: #ffb000;
  --fg-error: #ff3333;
  --fg-muted: #1f521f;
  --fg-dim: #166b16;
  --fg-inverse: #0a0a0a;

  --selection-bg: #33ff00;
  --selection-fg: #0a0a0a;

  --border: 1px solid var(--fg-muted);
  --border-fg: 1px solid var(--fg);
  --border-dashed: 1px dashed var(--fg-muted);
  --border-dashed-fg: 1px dashed var(--fg);

  --glow: 0 0 5px rgba(51, 255, 0, 0.5);
  --glow-strong: 0 0 10px rgba(51, 255, 0, 0.7), 0 0 20px rgba(51, 255, 0, 0.3);
  --glow-amber: 0 0 5px rgba(255, 176, 0, 0.6);
  --glow-error: 0 0 5px rgba(255, 51, 51, 0.6);

  /* ---------- Typography ---------- */
  --font-mono: 'JetBrains Mono', 'Fira Code', 'SF Mono', Menlo, Consolas, 'Courier New',
               'Sarasa Mono SC', 'LXGW WenKai Mono', 'Source Han Mono SC', 'Noto Sans Mono CJK SC',
               'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei Mono', 'Microsoft YaHei',
               'WenQuanYi Micro Hei', monospace;

  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 28px;
  --fs-3xl: 36px;

  --lh-tight: 1.3;
  --lh-normal: 1.6;
  --lh-loose: 1.8;

  /* ---------- Spacing ---------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;

  /* ---------- Borders / Radii ---------- */
  --radius: 0px;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-xl: 0px;
  --radius-pill: 0px;

  /* ---------- Layout ---------- */
  --max-w: 920px;

  /* ---------- Motion ---------- */
  --ease: steps(1, end);
}

/* ============================================================
   Clay 主题（DESIGN.CLAY.md）
   ============================================================ */
[data-theme="clay"] {
  /* ---------- Colors ---------- */
  --bg: #fffaf0;            /* canvas */
  --bg-elevated: #faf5e8;   /* surface-soft */
  --bg-overlay: #f5f0e0;    /* surface-card */

  --fg: #0a0a0a;            /* ink */
  --fg-amber: #ff4d8b;      /* brand-pink (用主强调色) */
  --fg-error: #ef4444;      /* error */
  --fg-muted: #6a6a6a;      /* muted */
  --fg-dim: #9a9a9a;        /* muted-soft */
  --fg-inverse: #ffffff;

  --selection-bg: #ff4d8b;
  --selection-fg: #ffffff;

  --border: 1px solid #e5e5e5;
  --border-fg: 1px solid #0a0a0a;
  --border-dashed: 1px dashed #d5d5d5;
  --border-dashed-fg: 1px dashed #0a0a0a;

  /* 克莱：不要文字发光（text-shadow 留空）。
     卡片阴影用单独的 --shadow-card / --shadow-hover 表达。 */
  --glow: 0 0 0 0 transparent;
  --glow-strong: 0 0 0 0 transparent;
  --glow-amber: 0 0 0 0 transparent;
  --glow-error: 0 0 0 0 transparent;
  --shadow-card: 0 1px 3px rgba(10, 10, 10, 0.06), 0 1px 2px rgba(10, 10, 10, 0.04);
  --shadow-hover: 0 4px 14px rgba(10, 10, 10, 0.10);
  --shadow-modal: 0 12px 40px rgba(10, 10, 10, 0.12);

  /* ---------- Typography ----------
     克莱用 Inter（Plain Black 没公开发布，Inter 500 + 微负字距是最近替代） */
  --font-mono: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
               'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;

  /* 字号保持，克莱显示字加负字距 */
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 22px;
  --fs-2xl: 32px;
  --fs-3xl: 44px;

  --lh-tight: 1.25;
  --lh-normal: 1.55;
  --lh-loose: 1.7;

  /* ---------- Spacing ---------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;

  /* ---------- Borders / Radii ----------
     克莱圆角明显：按钮 12，卡片 16，特性卡 24 */
  --radius: 12px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 9999px;

  /* ---------- Layout ---------- */
  --max-w: 960px;

  /* ---------- Motion ---------- */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}