/* ============================================================
   燊安海外教育 SUNAI LTD — 主题变体
   默认（无 class）= 墨绿 × 酸柠檬绿
   加 html.theme-blue = 深蓝 × 电光蓝（高冲击版本）
   ============================================================ */

/* ---------- 深蓝 × 电光蓝：近黑藏蓝底、电光蓝大色块、冰青点缀 ---------- */
html.theme-blue {
  --brand-rgb: 15, 40, 92;
  --acc-rgb: 47, 107, 255;
  --scrim-rgb: 5, 10, 21;
  --on-acc: #ffffff;

  --navy-900: #0a1324;
  --navy-800: #101d33;
  --navy-700: #17283f;
  --blue-deep: #0a1f3d;
  --blue-600: #0f3570;
  --blue-500: #174a9b;
  --blue-400: #3f6fbf;

  /* 强调色：电光蓝（大色块 / 主按钮 / 关键词） */
  --cyan-400: #2f8fd6;
  --cyan-300: #5ee0ff;   /* 冰青：小面积点缀 */
  --mint-400: #5ee0ff;
  --mint-300: #8fe9ff;
  --mint-100: #e2f5ff;
  --acc: #2f6bff;
  --acc-deep: #1a4fe0;

  --ink-900: #0d1626;
  --ink-700: #2c3a4d;
  --ink-500: #5a6a7e;
  --ink-300: #8b9bac;
  --line: rgba(13, 22, 38, .13);
  --paper: #f5f7fb;
  --paper-soft: #edf1f7;
  --paper-tint: #e2e8f1;
  --dark: #050a15;
  --dark-2: #0a1526;

  --grad-brand: linear-gradient(120deg, #0f3570 0%, #174a9b 100%);
  --grad-cta: linear-gradient(120deg, #2f6bff 0%, #1a4fe0 100%);
  --grad-soft: linear-gradient(135deg, #eef2f8 0%, #e4eaf3 100%);
  --grad-sky: linear-gradient(165deg, #f5f7fb 0%, #e8eef7 100%);
  --grad-dark: linear-gradient(165deg, #0a1526 0%, #04080f 100%);
}

/* 蓝色版：首屏遮罩加一点蓝调，让照片与底色融合更"高级" */
html.theme-blue .hero-scrim {
  background:
    linear-gradient(92deg,
      rgba(4, 9, 18, .94) 0%,
      rgba(5, 12, 24, .80) 30%,
      rgba(7, 18, 38, .44) 58%,
      rgba(9, 24, 50, .12) 82%),
    linear-gradient(180deg,
      rgba(4, 9, 18, .58) 0%,
      transparent 30%,
      transparent 62%,
      rgba(4, 9, 18, .82) 100%);
}

/* 蓝色版：主视觉照片轻微偏冷，避免暖色照片与蓝底互相打架 */
html.theme-blue .hero-bg img {
  filter: saturate(1.02) contrast(1.04) hue-rotate(-6deg) brightness(.98);
}