/*
 * 官方网站单主题 token —— 唯一色值定义点。
 * 配色来自新 logo（蓝渐变 + 橙），版式断点与 signal.org 对齐。
 * 禁止 signal.org 淡蓝紫/长春花族（与 logo 饱和蓝明显偏离）。
 */

:root {
  /* —— logo 采样（装饰 / 渐变节点）—— */
  --color-brand-blue: #10A0F0;
  --color-brand-blue-mid: #0080E0;
  --color-brand-blue-light: #40C0F0;
  --color-brand-navy: #2060E0;
  --color-brand-navy-deep: #1538A8;
  --color-brand-navy-light: #5070F0;
  --color-brand-orange: #E09030;
  --color-brand-orange-mid: #D08020;
  --color-brand-white: #FFFFFF;
  --color-brand-highlight: #F0F0F0;

  /* —— 可点加深色（同色相，WCAG AA ≥4.5；自配辅色）—— */
  --color-brand-blue-deep: #0060B0; /* 白字 6.36 */
  --color-brand-blue-ink: #004E94; /* 白字 8.34 */
  --color-brand-orange-deep: #A05810; /* 白字 5.39 */
  --color-brand-orange-ink: #83480C; /* 白字 7.25 */

  /* —— 分区辅色（由 logo 蓝稀释 / 加深，非 signal 淡蓝紫）—— */
  --color-wash-sky: #D8F0FA; /* 由 #40C0F0 洗出的浅天蓝带 */
  --color-wash-mist: #F0F7FC;
  --color-wash-cyan: #C8E8F8; /* 由 #40C0F0/#10A0F0 洗出 */
  --color-wash-warm: #FFF8F0; /* 由橙 #E09030 极淡洗出 */
  --color-band-deep: #1538A8;
  --color-hero-from: #0060B0; /* 饱和深蓝，非长春花；白字 6.36 */
  --color-hero-via: #2060E0;
  --color-hero-to: #1538A8;

  /* 页面角色 */
  --color-page-bg: #F0F7FC;
  --color-surface: #FFFFFF;
  --color-tab-bg: #FFFFFF;
  --color-hero-bg: var(--color-hero-from);
  --color-band-bg: var(--color-wash-sky);
  --color-divider: #C5DCEC;
  --color-text-primary: #1B1B1B;
  --color-text-secondary: #3A4A5A;
  --color-text-tertiary: #5A6A7A;
  --color-text-on-deep: #FFFFFF;
  --color-link: var(--color-brand-blue-ink);
  --color-accent: var(--color-brand-blue-deep);
  --color-accent-hover: var(--color-brand-blue-ink);
  --color-cta-bg: var(--color-brand-blue-deep);
  --color-cta-fg: #FFFFFF;
  --color-cta-hover: var(--color-brand-blue-ink);
  --color-cta-secondary-bg: #FFFFFF;
  --color-cta-secondary-fg: var(--color-brand-blue-ink);
  --color-cta-secondary-border: var(--color-brand-blue-ink);
  /* 鲜亮橙底 + 深色字（≥4.5）：#1B1B1B on #E09030 ≈6.73；hover #D08020 ≈5.57 */
  --color-cta-mark-bg: var(--color-brand-orange);
  --color-cta-mark-fg: var(--color-text-primary);
  --color-cta-mark-hover: var(--color-brand-orange-mid);
  /* —— 首页主 CTA（金黄）：底渐深 → 亮，深色字 ≥4.5，暖色光晕 + 环境投影 = 漂浮感 —— */
  --color-cta-hero-bg:        #FFC53D; /* 字 #1B1B1B on #FFC53D ≈10.91 */
  --color-cta-hero-bg-2:      #E09A00; /* 字 #1B1B1B on #E09A00 ≈7.21 */
  --color-cta-hero-edge:      #FFE08A; /* 顶部高光；字 #1B1B1B on #FFE08A ≈13.36 */
  --color-cta-hero-fg:        #1B1B1B; /* 深色字（橙墨 #83480C on #FFC53D ≈4.59 偏临界，取更稳） */
  --color-cta-hero-hover:     #F5B301; /* 字 #1B1B1B on #F5B301 ≈9.29 */
  --color-cta-hero-hover-2:   #D08A00; /* 字 #1B1B1B on #D08A00 ≈6.00 */
  --color-cta-hero-glow:      rgba(255, 197, 61, 0.55); /* 暖色光晕（#FFC53D） */
  --color-cta-hero-shadow:    rgba(72, 40, 0, 0.28); /* 环境投影，比旧蓝投影更柔 */
  --color-cta-secondary-hover: var(--color-brand-blue-ink);
  --color-mark: var(--color-brand-orange-deep);
  --color-shadow: rgba(10, 48, 112, 0.28);
  --color-nav-fg: #1B1B1B;
  --color-brand-fg: var(--color-brand-blue-deep);
  --illust-bg: var(--color-wash-sky);

  /* 排印与容器（§五硬成果） */
  --font-sans: "Avenir Next", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --container-max: 1344px;
  --page-pad-inline: clamp(20px, 4vw, 48px);
  --section-gap: 64px;
  --radius-cta: 8px;
  --header-h-compact: 53px;
  --header-h-expand: 85px;
  /* 标语：相对旧档 40/60 各降一档，仍为首屏最醒目元素 */
  --h1-size: 34px;
  --h1-lh: 40px;
  --h2-size: 26px;
  --h2-lh: 30px;
  --hero-min-h: 760px;
}

@media (min-width: 1024px) {
  :root {
    --h1-size: 48px;
    --h1-lh: 54px;
    --h2-size: 40px;
    --h2-lh: 44px;
    --hero-min-h: 680px;
  }
}