/* ==========================================================================
   tokens.css — 设计令牌（Design Tokens）
   安晨星海杯 · 大学生数据智能分析大赛 官方网站
   设计语言：深蓝科技 · 数智启航
   --------------------------------------------------------------------------
   所有颜色、字号、间距、圆角、阴影均在此集中定义。
   换肤 / 调整品牌色只需改本文件，不要在业务样式中写死色值。
   色值来源：《网站需求设计文件 v0.6》附录 A 色彩与样式规范
   ========================================================================== */

:root {
  /* ------------------------------------------------------------------
     1. 品牌色
     ------------------------------------------------------------------ */
  /* 主色 · 深藏蓝 —— 标题、顶栏/页脚底、Hero 背景、主按钮 */
  --c-navy-950: #061530;
  --c-navy-900: #0a1f44;
  --c-navy-800: #0e2a58;
  --c-navy-700: #16386f;
  --c-navy-600: #1d4788;

  /* 强调 · 科技蓝 —— 二级标题、链接、卡片强调、时间轴节点 */
  --c-blue-700: #155a9c;
  --c-blue-600: #1e6fba;
  --c-blue-500: #3486cd;
  --c-blue-400: #4e97da;
  --c-blue-200: #a9cdec;
  --c-blue-100: #d3e5f6;
  --c-blue-50: #e8f0fa;

  /* 点缀 · 金 —— CTA 按钮、奖项等级、关键数据高亮 */
  --c-gold-700: #8a6c22;
  --c-gold-600: #a8842f;
  --c-gold-500: #c8a24a;
  --c-gold-400: #d9b865;
  --c-gold-300: #e8d19a;
  --c-gold-50: #faf5e8;

  /* 正文 / 中性 */
  --c-ink: #1a1a2e;      /* 正文深灰蓝 */
  --c-ink-2: #41506b;    /* 次级正文 */
  --c-ink-3: #6b7a90;    /* 辅助说明 */
  --c-ink-4: #93a1b5;    /* 占位、禁用 */

  /* 背景与描边 */
  --c-surface: #ffffff;
  --c-surface-2: #f7fafd;
  --c-surface-3: #eef4fb;
  --c-line: #e3e9f2;
  --c-line-strong: #c9d6e8;

  /* 语义色 */
  --c-success: #1f8a5f;
  --c-warning: #b7791f;
  --c-danger: #c0392b;

  /* ------------------------------------------------------------------
     1.1 第三方平台品牌色
     仅用于「关注我们」入口的小圆点标识——不用于页面主视觉，
     以免和赛事自身的深蓝＋金体系打架。
     ------------------------------------------------------------------ */
  --brand-wechat: #07c160;
  --brand-channels: #fa9d3b;
  --brand-bilibili: #fb7299;
  --brand-douyin: #fe2c55;
  --brand-xiaohongshu: #ff2442;

  /* ------------------------------------------------------------------
     2. 字体
     中文：思源黑体（Source Han Sans SC / Noto Sans SC）
     英文与数字：Times New Roman
     说明：为满足「首屏 ≤ 3s」未引入外链 Web Font，
           使用系统字体栈回退；上线如需统一可自托管思源黑体子集。
     ------------------------------------------------------------------ */
  --font-sans: "Source Han Sans SC", "Noto Sans SC", "思源黑体", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Times New Roman", Times, "Songti SC", Georgia, "Source Han Serif SC", serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  /* 字号 —— 采用 clamp 实现流式排版，减少断点数量 */
  --fs-display: clamp(2.125rem, 5.2vw, 3.5rem);   /* Hero 主标题 */
  --fs-h1: clamp(1.875rem, 4vw, 2.75rem);
  --fs-h2: clamp(1.5rem, 2.8vw, 2.125rem);
  --fs-h3: clamp(1.25rem, 2vw, 1.5rem);
  --fs-h4: 1.125rem;
  --fs-lead: clamp(1rem, 1.5vw, 1.1875rem);        /* 导语 */
  --fs-body: 1rem;
  --fs-sm: 0.875rem;
  --fs-xs: 0.8125rem;
  --fs-eyebrow: 0.8125rem;

  /* 字重 */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --fw-black: 800;

  /* 行高与字距 */
  --lh-tight: 1.22;
  --lh-snug: 1.45;
  --lh-body: 1.8;
  --ls-tight: -0.01em;
  --ls-wide: 0.08em;
  --ls-wider: 0.18em;

  /* ------------------------------------------------------------------
     3. 布局
     ------------------------------------------------------------------ */
  --container: 1200px;
  --container-wide: 1360px;
  --container-narrow: 880px;
  --gutter: 24px;

  --section-y: clamp(56px, 7vw, 104px);   /* 区块上下留白 */
  --section-y-sm: clamp(40px, 5vw, 64px);

  --nav-h: 72px;
  --nav-h-mobile: 60px;

  /* ------------------------------------------------------------------
     4. 圆角 / 描边 / 阴影
     ------------------------------------------------------------------ */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  --border-hairline: 1px solid var(--c-line);

  --shadow-xs: 0 1px 2px rgba(10, 31, 68, 0.05);
  --shadow-sm: 0 2px 4px rgba(10, 31, 68, 0.05), 0 4px 12px rgba(10, 31, 68, 0.05);
  --shadow-md: 0 8px 24px rgba(10, 31, 68, 0.09);
  --shadow-lg: 0 18px 48px rgba(10, 31, 68, 0.14);
  --shadow-gold: 0 8px 24px rgba(200, 162, 74, 0.28);

  /* ------------------------------------------------------------------
     5. 动效
     ------------------------------------------------------------------ */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0.05, 0.36, 1);
  --dur-fast: 0.18s;
  --dur: 0.28s;
  --dur-slow: 0.6s;

  /* ------------------------------------------------------------------
     6. 层级
     ------------------------------------------------------------------ */
  --z-base: 1;
  --z-sticky: 100;
  --z-header: 200;
  --z-overlay: 300;
  --z-modal: 400;

  /* ------------------------------------------------------------------
     7. 深色底（Hero / 页脚 / 深色区块）专用反白色阶
     ------------------------------------------------------------------ */
  --c-on-dark: #ffffff;
  --c-on-dark-2: rgba(255, 255, 255, 0.78);
  --c-on-dark-3: rgba(255, 255, 255, 0.58);
  --c-on-dark-line: rgba(255, 255, 255, 0.16);
  --c-on-dark-surface: rgba(255, 255, 255, 0.06);
}