/* ============================================================
   杭州檀鑫智慧能源科技有限公司 · 官网
   Design Tokens —— 设计令牌
   品牌色取自 LOGO：蓝 #1A6FD4 / 绿 #2EB87A / 金黄 #F5B921
   ============================================================ */

:root {
  /* ---------- 品牌色 ---------- */
  --c-blue-900: #0F3D8C;
  --c-blue-700: #155FBF;
  --c-blue: #1A6FD4;        /* 主蓝 */
  --c-blue-400: #4F9BEA;
  --c-blue-200: #A8CDF5;
  --c-blue-100: #E3EFFC;
  --c-blue-50: #F2F8FE;

  --c-green: #2EB87A;       /* 主绿 */
  --c-green-600: #1E9C63;
  --c-green-100: #E2F6EC;

  --c-gold: #F5B921;        /* 点缀金黄 */
  --c-gold-600: #D99E0C;
  --c-gold-100: #FFF6E0;

  --c-violet: #4C3CE8;      /* 科技渐变（呼应课程蓝紫示范） */
  --c-violet-light: #7A5AF8;

  /* ---------- 深色 ---------- */
  --c-ink-900: #0A1A2F;
  --c-ink-800: #0B2545;
  --c-ink-700: #123A63;

  /* ---------- 中性 ---------- */
  --c-white: #FFFFFF;
  --c-bg: #FFFFFF;
  --c-bg-soft: #F6F9FC;
  --c-bg-soft-2: #EDF3F9;
  --c-line: #E3E9F0;
  --c-line-strong: #CFDAE6;

  /* ---------- 文字 ---------- */
  --t-1: #1F2937;           /* 主文字 */
  --t-2: #4B5563;           /* 次文字 */
  --t-3: #8A94A6;           /* 弱文字 */
  --t-on-dark: rgba(255, 255, 255, .94);
  --t-on-dark-2: rgba(255, 255, 255, .70);
  --t-on-dark-3: rgba(255, 255, 255, .48);

  /* ---------- 渐变 ---------- */
  --grad-main: linear-gradient(135deg, #0F3D8C 0%, #1A6FD4 45%, #2EB87A 100%);
  --grad-tech: linear-gradient(135deg, #1A6FD4 0%, #4C3CE8 55%, #7A5AF8 100%);
  --grad-gold: linear-gradient(135deg, #F5B921 0%, #F39C12 100%);
  --grad-dark: linear-gradient(180deg, #0A1A2F 0%, #0B2545 100%);
  --grad-line: linear-gradient(90deg, #0F3D8C, #1A6FD4, #2EB87A);

  /* ---------- 字体 ---------- */
  --font-cn: -apple-system, BlinkMacSystemFont, "PingFang SC",
    "HarmonyOS Sans SC", "Microsoft YaHei", "Noto Sans SC",
    "Source Han Sans SC", sans-serif;
  --font-en: "Barlow", "Montserrat", system-ui, -apple-system,
    "Segoe UI", sans-serif;
  --font-num: "Barlow", "DIN Alternate", "SF Mono", system-ui, sans-serif;

  /* ---------- 字号阶梯 ---------- */
  --fs-display: clamp(34px, 4.6vw, 58px);
  --fs-h1: clamp(30px, 3.6vw, 46px);
  --fs-h2: clamp(25px, 3vw, 38px);
  --fs-h3: clamp(19px, 1.7vw, 24px);
  --fs-h4: 17px;
  --fs-lead: clamp(16px, 1.35vw, 19px);
  --fs-body: 16px;
  --fs-sm: 14px;
  --fs-xs: 12.5px;

  /* ---------- 间距 ---------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;

  --section-y: clamp(56px, 7vw, 104px);
  --container: 1280px;

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

  /* ---------- 阴影 ---------- */
  --sh-1: 0 1px 2px rgba(16, 40, 80, .06);
  --sh-2: 0 4px 16px rgba(16, 40, 80, .08);
  --sh-3: 0 12px 32px rgba(26, 111, 212, .16);
  --sh-4: 0 24px 60px rgba(10, 26, 47, .18);

  /* ---------- 动效 ---------- */
  --ease: cubic-bezier(.4, 0, .2, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --t-fast: 160ms;
  --t-mid: 240ms;
  --t-slow: 320ms;

  /* ---------- 层级 ---------- */
  --z-header: 100;
  --z-mega: 95;
  --z-drawer: 130;
  --z-toast: 200;
}