/* ==========================================================================
   阳实科技 SUNITEC · 官网设计 Token
   视觉方向：浅色科技蓝（冷白纸底 + 实底卡片 + 蓝色单色强调）
   ========================================================================== */

:root {
  color-scheme: light;

  /* ---- 品牌蓝 ---- */
  --blue-50: #F2F7FE;
  --blue-100: #E4EFFC;
  --blue-200: #C9DFFA;
  --blue-300: #96C2F4;
  --blue-500: #2E86FF;
  --blue-600: #1668E3;
  --blue-700: #0F53BC;
  --blue-800: #0B4AA2;
  --blue-900: #0C2A4E;
  --grad-brand: linear-gradient(135deg, #2E86FF 0%, #1668E3 55%, #0F53BC 100%);

  /* ---- 点缀（青，极少用） ---- */
  --cyan: #0E96B8;
  --cyan-soft: rgba(14, 150, 184, .12);

  /* ---- 语义 ---- */
  --success: #0E8A5F;
  --warning: #9A6206;
  --danger: #C93B31;
  --info: #1668E3;

  /* ---- 底色与表面 ---- */
  --bg: #F5F8FD;
  --bg-alt: #EBF1FA;
  --bg-deep: #E2EAF6;
  --surface: #FFFFFF;
  --surface-2: #FBFCFE;
  --line: rgba(12, 26, 44, .10);
  --line-strong: rgba(12, 26, 44, .18);

  /* ---- 文字（全部对 --bg 校验 ≥ 4.5:1） ---- */
  --ink: #0C1A2C;
  --ink-2: #2C4058;
  --ink-3: #526A83;
  --ink-4: #7C8FA6;
  --ink-invert: #FFFFFF;

  /* ---- 阴影（蓝调，不用大范围发光） ---- */
  --shadow-xs: 0 1px 2px rgba(12, 42, 78, .05);
  --shadow-sm: 0 2px 8px rgba(12, 42, 78, .06), 0 1px 2px rgba(12, 42, 78, .04);
  --shadow-md: 0 10px 30px rgba(12, 42, 78, .08), 0 2px 6px rgba(12, 42, 78, .04);
  --shadow-lg: 0 24px 60px rgba(12, 42, 78, .12), 0 4px 12px rgba(12, 42, 78, .05);

  /* ---- 圆角 ---- */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 22px;
  --r-2xl: 30px;
  --r-full: 999px;

  /* ---- 间距 ---- */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 20px;
  --s6: 24px;
  --s8: 32px;
  --s10: 40px;
  --s12: 48px;
  --s16: 64px;
  --s20: 80px;
  --s24: 96px;
  --s32: 128px;

  /* ---- 字体 ---- */
  --font-sans: "Noto Sans SC", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei",
    "Noto Sans CJK SC", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: "Noto Serif SC", "Source Han Serif SC", "Noto Serif CJK SC", "Songti SC", "STSong", "SimSun", serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ---- 版心 ---- */
  --page: 1200px;
  --page-wide: 1320px;
  --page-narrow: 880px;
  --gutter: clamp(20px, 4vw, 40px);

  /* ---- 动效 ---- */
  --ease: cubic-bezier(.4, 0, .2, 1);
  --fast: 150ms;
  --normal: 220ms;
  --slow: 320ms;
}