/* ==========================================================================
   tokens.css — 华雅博瑞官网 · 设计令牌（全站唯一样式来源）
   来源：docs/design-spec.md v2.1 §2.6「CSS 自定义属性命名」骨架，逐字照抄。
   铁律：任何页面不得内联定义新的颜色 / 间距 / 字号常量，只允许消费本文件变量。
   两层结构：--c-* 原始层（不直接用于页面）→ --* 语义层（页面只用语义层）。
   ========================================================================== */

:root {
  /* —— 原始层：品牌 —— */
  --c-blue-50:#F1F3FC;  --c-blue-100:#E1E6F9; --c-blue-200:#C5CFF2;
  --c-blue-300:#9FADE6; --c-blue-400:#7284D6; --c-blue-500:#4559C1;
  --c-blue-600:#2E42A4; --c-blue-700:#1E2F92; --c-blue-800:#14287F;
  --c-blue-900:#0E1D5E; --c-blue-950:#081338;
  --c-purple-50:#FAF1FB;  --c-purple-100:#F4E1F6; --c-purple-200:#E9C4EC;
  --c-purple-300:#D69ADC; --c-purple-400:#BC66C4; --c-purple-500:#9D3AA6;
  --c-purple-600:#7D1D86; --c-purple-700:#66136E; --c-purple-800:#4F0E56;
  --c-purple-900:#3A0A40;
  --c-n-50:#F8FAFC; --c-n-100:#F1F5F9; --c-n-200:#E4E8F0; --c-n-300:#CBD3E1;
  --c-n-400:#94A3B8; --c-n-500:#64748B; --c-n-600:#475569; --c-n-700:#334155;
  --c-n-800:#1E293B; --c-n-900:#0F172A;
  /* —— 原始层：语义 —— */
  --c-success-600:#067647; --c-success-50:#ECFDF5;
  --c-warning-600:#B45309; --c-warning-50:#FFFBEB;
  --c-danger-600:#C0271D;  --c-danger-50:#FEF2F2;
  --c-info-600:#0E7490;    --c-info-50:#ECFEFF;
  /* —— 渐变 —— */
  --grad-brand:linear-gradient(135deg,#14287F,#7D1D86);
  --grad-brand-hover:linear-gradient(135deg,#0E1D5E,#66136E);
  --grad-hero:linear-gradient(165deg,#081338 0%,#14287F 55%,#4A227F 100%);
  --grad-cover:linear-gradient(150deg,#F1F3FC,#FAF1FB);
  /* —— 语义层：文字 —— */
  --text-1:#0F172A; --text-2:#475569; --text-3:#64748B;
  --text-brand:#14287F; --text-accent:#9D3AA6; --text-link:#1E2F92;
  --text-inv-1:#FFFFFF; --text-inv-2:#DFE4F7; --text-inv-3:#BEC7ED;
  --text-inv-4:#A6B0DE; --text-inv-min:#8F9BCF; --text-inv-accent:#D69ADC;
  /* —— 语义层：面与线 —— */
  --bg-page:#F8FAFC; --bg-surface:#FFFFFF; --bg-subtle:#F1F5F9;
  --bg-dark:#0A1230; --bg-dark-2:#070E24;
  --border-subtle:#E4E8F0; --border-strong:#74839A;
  --border-brand:#14287F; --focus-ring:#14287F; --focus-ring-dark:#D69ADC;
  /* —— 字体 —— */
  --font-sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",system-ui,-apple-system,"Segoe UI",sans-serif;
  --fs-h1:clamp(30px,4.6vw,48px); --fs-h2:clamp(26px,3.4vw,36px);
  --fs-h3:22px; --fs-h4:18px; --fs-lead:18px; --fs-body:16px;
  --fs-aux:14px; --fs-caption:13px; --fs-tiny:12px;
  --lh-tight:1.2; --lh-snug:1.35; --lh-body:1.75;
  /* —— 间距（4 基数）—— */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px;
  --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px;
  --sp-20:80px; --sp-24:96px; --sp-32:128px;
  --section-y:56px;        /* 移动端；平板 72px；桌面 96px（媒体查询覆盖） */
  --container:1200px; --gutter:24px; --gutter-sm:20px;
  /* —— 质感 —— */
  --radius-sm:6px; --radius-md:10px; --radius-lg:14px; --radius-xl:20px; --radius-pill:999px;
  --shadow-1:0 1px 2px rgba(8,19,56,.06),0 1px 3px rgba(8,19,56,.05);
  --shadow-2:0 4px 12px rgba(8,19,56,.07),0 2px 4px rgba(8,19,56,.05);
  --shadow-3:0 12px 32px rgba(8,19,56,.10);
  --shadow-brand:0 10px 28px rgba(20,40,127,.28);
  /* —— 动效 —— */
  --dur-1:120ms; --dur-2:180ms; --dur-3:240ms; --dur-4:400ms; --dur-reveal:700ms;
  --ease-std:cubic-bezier(.4,0,.2,1); --ease-out:cubic-bezier(.16,1,.3,1);
  /* —— 层级 —— */
  --z-nav:100; --z-mask:105; --z-drawer:110; --z-toast:300; --z-modal:400;
}
@media (min-width:640px){ :root{ --section-y:72px; } }
@media (min-width:1024px){ :root{ --section-y:96px; } }