/* ============================================================
   睿尚电子 WINSUN — 设计令牌 (Design Tokens)
   提取自 Figma 设计稿 (node 1101:2148 首页 / 深色科技风)
   ============================================================ */
:root {
  /* ---- 品牌色 ---- */
  --c-navy: #000124;          /* 页面/英雄区 深底 */
  --c-navy-2: #03061f;        /* 次级深底 */
  --c-teal: #3dc8c1;          /* 主强调色 / CTA 按钮 */
  --c-teal-bright: #00bc8f;   /* 渐变青绿 (logo) */
  --c-blue: #32acde;          /* 渐变蓝 (logo) */
  --c-mint: #5be0d6;          /* 点缀亮青 */

  /* ---- 中性色 ---- */
  --c-white: #ffffff;
  --c-paper: #f9f9f9;          /* 浅色屏背景 (页面底色) */
  --c-ink: #000124;            /* 浅色屏文字 (深蓝近黑) */
  --c-grey-45: #737373;
  --c-grey-9c: #9c9c9c;
  --c-grey-a1: #a1a1a1;
  --c-grey-d: #d8d8d8;
  --c-line: rgba(255, 255, 255, 0.10);
  --c-line-soft: rgba(255, 255, 255, 0.06);

  /* ---- 文字色 ---- */
  --t-primary: #ffffff;
  --t-muted: #9c9c9c;
  --t-dim: #737373;

  /* ---- 字体 ---- */
  --font-cn: "Noto Sans SC", "Source Han Sans CN", "PingFang SC",
             "Microsoft YaHei", sans-serif;
  --font-en: "Inter", var(--font-cn);
  --font-num: "Work Sans", "Inter", sans-serif;

  /* ---- 字号 (px, 1920 设计基准) ---- */
  --fs-hero: 72px;
  --fs-h2: 44px;
  --fs-h3: 24px;
  --fs-lg: 18px;
  --fs-base: 16px;
  --fs-sm: 14px;
  --fs-xs: 12px;

  /* ---- 间距 ---- */
  --gutter: clamp(24px, 10.42vw, 200px);  /* 容器左右留白；1920 下=200，窄屏按比例 */
  --container: 1520px;        /* 内容区宽度 (200~1720) */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;

  /* ---- 头部 ---- */
  --header-h: 140px;
}

@media (max-width: 480px) {
  :root {
    --gutter: 20px; 
  }
}