/* ============================================================
   释易 SHIYI · 设计变量（唯一来源：design-spec.md §2/§3/§4）
   全站禁止出现本文件之外的硬编码色值。
   ============================================================ */
:root {
  /* —— 品牌色（主理人实测校准）—— */
  --brand-blue:      #2A61E6;
  --brand-blue-hover:#1E4FC6;
  --brand-blue-active:#1843AD;
  --brand-blue-mid:  #1E77D3;
  --brand-blue-deep: #1B3D91;
  --brand-blue-soft: #E8EFFB;
  --brand-teal:      #55C8B5;
  --brand-teal-dark: #1E7A62;
  --brand-teal-soft: #E4F4EF;

  /* —— 中性色阶 —— */
  --gray-50:  #F8FAFC;
  --gray-100: #F1F4F9;
  --gray-200: #E4E8EF;
  --gray-300: #CBD2DC;
  --gray-400: #9AA4B2;
  --gray-500: #6B7686;
  --gray-600: #4A5566;
  --gray-700: #2E3846;
  --gray-900: #16202E;

  /* —— 语义色 —— */
  --success: #1E7A62;  --success-bg: #E4F4EF;
  --warning: #9A6B00;  --warning-bg: #FBF3DE;
  --danger:  #C23B3B;  --danger-bg:  #FBEAEA;
  --info:    #2A61E6;  --info-bg:    #E8EFFB;

  /* —— 背景与边框 —— */
  --bg-page:   #FFFFFF;
  --bg-alt:    #F8FAFC;
  --bg-footer: #1B3D91;
  --border:    #E4E8EF;
  --border-strong: #CBD2DC;

  /* —— 字体栈 —— */
  --font-sans: "PingFang SC", "Microsoft YaHei", "Source Han Sans SC",
               "Noto Sans SC", system-ui, -apple-system, "Segoe UI",
               Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", Consolas, "Courier New", monospace;

  /* —— 字阶 —— */
  --fs-display: 56px; --lh-display: 1.2;
  --fs-h1: 44px;  --lh-h1: 1.3;
  --fs-h2: 34px;  --lh-h2: 1.35;
  --fs-h3: 22px;  --lh-h3: 1.5;
  --fs-h4: 17px;  --lh-h4: 1.5;
  --fs-body-lg: 19px; --lh-body-lg: 1.8;
  --fs-body: 17px; --lh-body: 1.8;
  --fs-small: 14px; --lh-small: 1.6;
  --fs-caption: 12px; --lh-caption: 1.5;

  /* —— 间距刻度 —— */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px;
  --space-24: 96px; --space-32: 128px;

  /* —— 容器与动效 —— */
  --container: 1200px;
  --ease: cubic-bezier(.4,0,.2,1);
}

@media (max-width: 1279px) { :root { --fs-display: 48px; --fs-h1: 40px; --fs-h2: 30px; } }
@media (max-width: 1023px) { :root { --fs-display: 40px; --fs-h1: 36px; } }
@media (max-width: 767px)  { :root { --fs-display: 34px; --fs-h1: 32px; --fs-h2: 26px; --fs-h3: 19px; --fs-body: 16px; --fs-body-lg: 17px; } }