/* ==========================================================================
   INCOM RC Sports · 官网设计令牌
   口径对齐产品前端 1.8/frontend/src/index.css 的浅色部分。
   品牌色取自盈控徽章（2026-09-22 定案）：深藏青 #182850 为主，白与红点缀；
   旧品牌色方案已全部退场。
   ========================================================================== */

:root {
  color-scheme: light; /* 站点只有浅色主题：避免系统深色模式翻转表单控件与滚动条 */

  /* 底层与画布：灰轨道 → 浅灰背景 → 白画布 */
  --bg: #f5f5f7;
  --bg-alt: #ebebed;
  --surface: #ffffff;
  --surface-2: #f5f5f7;

  /* 文字层级
     三级灰都要在浅灰底（#f5f5f7）与白底（#fff）上达到 WCAG AA 4.5:1，
     正文最小字号 12.5px，不适用「大字号 3:1」的放宽条件：
       --fg    #1d1d1f → 15.5:1 / 16.9:1
       --fg-2  #6e6e73 →  4.66:1 /  5.07:1
       --fg-3  #6f6f74 →  4.59:1 /  5.00:1（原 #86868b 只有 3.33:1，未达标） */
  --fg: #1d1d1f;
  --fg-2: #6e6e73;
  --fg-3: #6f6f74;

  /* 描边：用透明度而非实色，避免生硬 */
  --line: rgba(0, 0, 0, 0.09);
  --line-2: #d2d2d7;

  /* 品牌（盈控徽章色系，2026-09-22）
     深藏青在白底对比度 12.9:1 / 浅灰底 11.9:1（AA ≥4.5 达标）。
       --brand      #182850 → 链接/图标/强调/主按钮底（白字）
       --brand-accent 白底色 → 仅用于深色容器上的按钮（白底藏青字，呼应徽章白圈）
       --brand-red  #b02a30 → 「比赛中」状态点等运动语义点缀
       --brand-gray #747273 → 大字与装饰用；正文请用 --fg-3（4.59:1） */
  --brand: #182850;
  --brand-ink: #101c38;
  --brand-soft: rgba(24, 40, 80, 0.06);
  --brand-navy: #182850;
  --brand-blue: #0868a8;
  --brand-red: #b02a30;
  --brand-accent: #ffffff;
  --on-accent: #182850;
  --brand-gray: #747273;

  /* 深色容器：产品界面与转播画面 */
  --ink: #0e1116;
  --ink-2: #171d26;

  /* 语义色 */
  --success: #1e8a3e;
  --gold-ink: #8a6100;

  /* 间距节奏（4px 网格） */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;

  /* 圆角 */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 24px;
  --r-2xl: 32px;
  --r-pill: 980px;

  /* 阴影：常态柔和，悬停升层，按下收紧 */
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.04), 0 6px 20px rgba(0, 0, 0, 0.05);
  --shadow-2: 0 2px 6px rgba(0, 0, 0, 0.05), 0 14px 36px rgba(0, 0, 0, 0.08);
  --shadow-3: 0 4px 8px rgba(10, 10, 10, 0.06), 0 28px 64px rgba(10, 10, 10, 0.14);
  --shadow-press: 0 1px 2px rgba(10, 10, 10, 0.08), 0 4px 10px rgba(10, 10, 10, 0.06);

  /* 动效：统一 240ms，落在 200–300ms 区间 */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 240ms;
  --dur-slow: 420ms;

  /* 版心 */
  --w-content: 1120px;
  --w-text: 680px;

  /* 字体：全部走系统字体，不引 webfont —— 零闪烁，断网也能正常渲染 */
  --font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei UI", "Microsoft YaHei", "Segoe UI", system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

  /* 转播面板缩放（由媒体查询覆盖） */
  --bcast-scale: 0.7;
}