/* 百姓厨房 · 大学城食堂贴纸菜单 — Design Tokens
   Hallmark · pre-emit critique: P5 H4 E5 S5 R4 V5
   铁律：组件内禁止硬编码任何色值/字体，一律引用本文件 token。 */
:root {
  /* ── 纸面（暖米色系，均带暖色相，避免死灰） ── */
  --paper: oklch(96.5% 0.022 82);
  --paper-2: oklch(93.5% 0.03 80);
  --surface: oklch(99% 0.008 85);
  --surface-2: oklch(96% 0.02 84);

  /* ── 墨色 ── */
  --ink: oklch(28% 0.026 55);
  --ink-soft: oklch(42% 0.028 58);
  --muted: oklch(50% 0.034 62);

  /* ── 辣椒红（主强调） ── */
  --tomato: oklch(62% 0.205 32);
  --tomato-deep: oklch(50% 0.17 30);
  --tomato-soft: oklch(94% 0.045 34);
  --tomato-ink: oklch(99% 0.006 85);

  /* ── 芥末黄（高亮/胶带/价签） ── */
  --mustard: oklch(84% 0.155 88);
  --mustard-deep: oklch(58% 0.13 70);
  --mustard-soft: oklch(94% 0.07 84);

  /* ── 薄荷绿（成功） ── */
  --herb: oklch(58% 0.135 158);
  --herb-deep: oklch(45% 0.12 158);
  --herb-soft: oklch(94% 0.055 158);

  /* ── 天空蓝（提示条） ── */
  --sky: oklch(70% 0.11 222);
  --sky-soft: oklch(95% 0.035 222);

  /* ── 边框 ── */
  --line: oklch(88% 0.04 78);
  --line-strong: oklch(77% 0.055 74);

  /* ── 语义色 ── */
  --success: var(--herb);
  --error: var(--tomato);
  --warning: var(--mustard-deep);
  --focus: var(--tomato);

  /* ── 页脚专属（深色底上） ── */
  --footer-text: oklch(80% 0.03 70);
  --footer-muted: oklch(64% 0.03 70);
  --footer-line: oklch(64% 0.03 70 / 0.28);

  /* ── 字体：展示 + 正文 + 数字（2+1 上限） ──
     语言策略：英文为主 · 中文为辅
     英文展示 = Baloo 2（圆润活泼，贴合大学城贴纸气质）
     中文展示 = ZCOOL KuaiLe（贴纸感中文标题）
     正文 = Noto Sans SC（中英混排通用） */
  --font-display: "Baloo 2", "ZCOOL KuaiLe", "Noto Sans SC", sans-serif;
  --font-body: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-num: "Baloo 2", "Noto Sans SC", sans-serif;

  /* ── 间距（4pt 体系） ── */
  --space-3xs: 4px;
  --space-2xs: 8px;
  --space-xs: 12px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-2xl: 64px;
  --space-3xl: 96px;

  /* ── 圆角 ── */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 999px;

  /* ── 字号（fluid） ── */
  --text-xs: clamp(11px, 1.1vw, 12px);
  --text-sm: 13px;
  --text-base: 15px;
  --text-md: clamp(16px, 1.6vw, 18px);
  --text-lg: clamp(20px, 2.2vw, 26px);
  --text-xl: clamp(26px, 3.4vw, 40px);
  --text-display: clamp(34px, 5vw, 54px);

  /* ── 阴影（统一暖墨色） ── */
  --shadow-sm: 0 1px 2px oklch(28% 0.03 55 / 0.08), 0 3px 10px oklch(28% 0.03 55 / 0.06);
  --shadow-md: 0 4px 14px oklch(28% 0.03 55 / 0.12);
  --shadow-lg: 0 18px 44px oklch(28% 0.03 55 / 0.18);

  /* ── 动效 ── */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0.05, 0.36, 1);
  --dur-1: 120ms;
  --dur-2: 220ms;
  --dur-3: 420ms;

  /* ── 层级与顶栏高度 ── */
  --z-sticky: 200;
  --z-nav: 300;
  --z-cart: 500;
  --z-overlay: 600;
  --z-toast: 700;
  --banner-height: 64px;
}