/* ============================================================
   康冠时代官网 · 设计 Token
   单一来源：与 design/brand/BRAND.md（产品仓库）保持一致。
   主题策略：默认浅色；data-theme="dark" 仅表示访客通过
   导航栏月亮按钮做出的显式选择（assets/theme.js 记忆）。
   ============================================================ */

:root {
  color-scheme: light;
  /* 康冠蓝 Crown Blue（色相 260° 家族，完整色阶见 docs/DESIGN_SYSTEM.md） */
  --accent: #1F5CC4;        /* Blue 500 主色：标志、主按钮、链接 */
  --accent-strong: #1A4FA9; /* Blue 600 hover */
  --accent-deep: #15418C;   /* Blue 700 active / 深色标题强调 */
  --accent-soft: #EAF1FC;   /* 浅色强调底 */
  --blue-50: #F0F5FD;
  --blue-100: #DCE8FA;
  --blue-200: #ADC8F0;
  --blue-900: #0B2453;      /* 页脚 / 深色区块底 */

  /* 中性色 */
  --ink: #1D2733;           /* Ink 900 正文/标题 */
  --slate: #5A6B85;         /* Slate 500 次要文字 */
  --line: #E3E8F0;          /* Line 200 分割线、卡片边 */
  --mist: #F5F7FB;          /* Mist 50 页面底 */
  --icon-bg: #DCE8FA;       /* 图标底（同 Blue 100） */
  --white: #FFFFFF;
  --cta-bg: var(--accent);
  --cta-text: var(--white);
  --cta-text-muted: var(--blue-100);

  /* 语义别名（页面默认浅色） */
  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --surface-2: #F5F7FB;
  --text: #1D2733;
  --text-muted: #5A6B85;
  --border: #E3E8F0;

  /* 页脚（深色区块） */
  --footer-bg: #1D2733;
  --footer-text: #C9D4E6;
  --footer-muted: #8A9BB8;
  --footer-line: #2E3A4A;

  /* Synthetic Demo chart series, shared by the English presentation. */
  --chart-two: #6DA4EF;
  --chart-three: #8BB8EF;
  --chart-four: #A8C8F3;
  --chart-five: #C3D9F5;

  /* 冠金 Crown Gold（严格限量 ≤5%，仅品牌信任语境） */
  --gold: #C29A3B;
  --gold-soft: #F5EBD4;

  /* 字体（全部开源授权，见 BRAND.md；不加载外部字体文件） */
  --font: "Source Han Sans SC", "Noto Sans SC", "PingFang SC",
    "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo,
    Consolas, monospace;

  /* 圆角 / 版心 / 阴影 */
  --radius: 16px;
  --radius-sm: 10px;
  --container: 1200px;
  --shadow-sm: 0 1px 2px rgba(29, 39, 51, .06), 0 4px 16px rgba(29, 39, 51, .06);
  --shadow-md: 0 10px 34px rgba(29, 39, 51, .10);
}

/* 深色主题变量：仅当访客显式选择 dark 时启用（assets/theme.js）。 */
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0F1620;
  --surface: #16202E;
  --surface-2: #1B2735;
  --ink: #E6ECF5;
  --slate: #9DB0D0;
  --text: #E6ECF5;
  --text-muted: #9DB0D0;
  --border: #2A3850;
  --mist: #131C28;
  --icon-bg: #21304A;
  --accent-soft: #1C2C46;
  --footer-bg: #0B1118;
  --footer-text: #C9D4E6;
  --footer-muted: #7E90AE;
  --footer-line: #243044;
}