/* ============================================================
 * tokens.css —— 设计令牌
 * 方向：霓虹账本 · 街头海报（深墨蓝底 / 酸性绿强调 / 纸感米白）
 * ============================================================ */
:root {
  /* 颜色 */
  --ink-900: #0a102a;            /* 页面底色：近黑墨蓝 */
  --ink-800: #101838;            /* 抬升面：深蓝 */
  --ink-700: #1a2450;            /* 边界面 */
  --paper: #f2efe6;              /* 纸感米白（文字 / 小票底） */
  --paper-dim: #c9c7bd;          /* 次级文字 */
  --acid: #c6f24e;               /* 酸性绿：唯一强调色 */
  --acid-deep: #9fd41f;          /* 酸性绿按压态 */
  --blue: #2b46f5;               /* 品牌宝蓝（氛围 / 卡片色） */
  --red: #e05a3a;                /* 印章朱红（仅印章 / 划线价） */
  --red-deep: #c23a17;           /* 深朱红：小字标签底色，保证白字对比 ≥ 4.5:1 */
  --color-bg: var(--ink-900);
  --color-surface: var(--ink-800);
  --color-text: var(--paper);
  --color-muted: var(--paper-dim);
  --color-accent: var(--acid);
  --color-border: rgba(242, 239, 230, 0.14);

  /* 字体 */
  --font-display: "ZCOOL QingKe HuangYou", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;

  /* 字阶（1.25 模块化） */
  --fs-xs: 0.75rem;   /* 12 */
  --fs-sm: 0.8125rem; /* 13 */
  --fs-md: 0.9375rem; /* 15 */
  --fs-base: 1rem;    /* 16 */
  --fs-lg: 1.25rem;   /* 20 */
  --fs-xl: 1.5625rem; /* 25 */
  --fs-2xl: 2rem;     /* 32 */
  --fs-3xl: 2.5rem;   /* 40 */
  --fs-hero: clamp(2.5rem, 6vw, 4rem);           /* 首屏大标题 40→64，保证首行 9 字不硬折 */
  --fs-section: clamp(1.875rem, 4.2vw, 3.5rem);  /* 区块标题 30→56 */
  --fs-price: clamp(2.5rem, 4vw, 3.75rem);       /* 折后价 */

  /* 间距（4 基数梯度） */
  --space-1: 4px;  --space-2: 8px;  --space-3: 16px; --space-4: 24px;
  --space-5: 40px; --space-6: 64px; --space-7: 96px; --space-8: 128px;

  /* 圆角 */
  --radius-sm: 4px; --radius-md: 10px; --radius-lg: 20px;

  /* 阴影（带环境色） */
  --shadow-1: 0 2px 8px rgba(4, 8, 24, 0.4);
  --shadow-2: 0 8px 28px rgba(4, 8, 24, 0.5);
  --shadow-3: 0 24px 64px rgba(4, 8, 24, 0.6);

  /* 动效 */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms; --dur-base: 320ms; --dur-slow: 640ms;

  /* 布局 */
  --page-max: 1200px;
  --nav-h: 64px;
}