/* ============================================================
   Blacksburg Compass · 设计令牌
   改颜色/字号/动效只改这里,组件样式禁止硬编码颜色
   ============================================================ */

:root {
  /* VT anchors - 小面积使用 */
  --vt-maroon: #861F41;
  --vt-orange: #E5751F;

  /* Chinese-adapted campus palette */
  --color-bg: #F6F0E6;              /* 米白 / 纸感背景 */
  --color-surface: #FFFDF7;         /* 卡片底 */
  --color-ink: #27221F;             /* 墨黑正文 */
  --color-muted: #655B52;           /* 次级文字 */
  --color-border: rgba(39, 34, 31, 0.14);

  --color-station-maroon: #7A2E3A;  /* 胭脂绛红,来自 VT maroon */
  --color-route-orange: #C8642E;    /* 柿橙,来自 VT orange */
  --color-map-green: #3F5F50;       /* 松绿 / 地图辅助 */
  --color-stone: #C8BCA8;           /* Hokie Stone 转译 */
  --color-sand: #E7DCC8;            /* 沙石米色 */
  --color-gold: #AD8646;            /* 暗金,仅 sponsor tier */
  --color-bluegray: #586875;        /* 少量冷静辅助色 */

  /* 派生:浅色薄底(用于 badge / 高亮块) */
  --tint-maroon: rgba(122, 46, 58, 0.08);
  --tint-orange: rgba(200, 100, 46, 0.10);
  --tint-green: rgba(63, 95, 80, 0.10);
  --tint-gold: rgba(173, 134, 70, 0.12);
  --tint-bluegray: rgba(88, 104, 117, 0.10);

  /* 地图网格 / 路径线 */
  --map-grid-line: rgba(39, 34, 31, 0.045);
  --map-route-line: rgba(200, 100, 46, 0.45);
  --map-contour: rgba(63, 95, 80, 0.16);

  /* 字体 */
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas,
    "Liberation Mono", monospace;

  /* 字号 */
  --fs-h1: clamp(34px, 4.4vw, 56px);
  --fs-section: clamp(24px, 3vw, 34px);
  --fs-card-title: 19px;
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-tag: 12px;

  /* 布局 */
  --page-max: 1220px;
  --radius-card: 12px;
  --radius-chip: 999px;
  --radius-tag: 6px;

  /* 阴影(纸面轻投影,非科技辉光) */
  --shadow-card: 0 1px 2px rgba(39, 34, 31, 0.05);
  --shadow-lift: 0 6px 18px rgba(39, 34, 31, 0.10);

  /* 动效 */
  --dur-fast: 160ms;
  --dur-base: 220ms;
  --dur-slow: 280ms;
  --ease-out: cubic-bezier(0.22, 0.8, 0.36, 1);

  /* 焦点环 */
  --focus-ring: 2px solid var(--color-route-orange);
}

[data-theme="dark"] {
  --color-bg: #171412;
  --color-surface: #221D19;
  --color-ink: #F5EBDD;
  --color-muted: #CBBDAA;
  --color-border: rgba(245, 235, 221, 0.14);

  --color-station-maroon: #B05A68;
  --color-route-orange: #D98245;
  --color-map-green: #7A9A88;
  --color-stone: #8E806D;

  --tint-maroon: rgba(176, 90, 104, 0.14);
  --tint-orange: rgba(217, 130, 69, 0.14);
  --tint-green: rgba(122, 154, 136, 0.14);
  --tint-gold: rgba(173, 134, 70, 0.20);
  --tint-bluegray: rgba(139, 158, 173, 0.14);

  --map-grid-line: rgba(245, 235, 221, 0.05);
  --map-route-line: rgba(217, 130, 69, 0.40);
  --map-contour: rgba(122, 154, 136, 0.18);

  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.30);
  --shadow-lift: 0 6px 18px rgba(0, 0, 0, 0.40);
}