/* ============================================================
   同学汇 · 设计系统变量
   红金高端配色 · Design Tokens
   ============================================================ */
:root {
  /* —— 主色：中国红 —— */
  --red-900: #7a0a1c;
  --red-800: #8f0d22;
  --red-700: #a50e28;
  --red-600: #c8102e;   /* 品牌主红 */
  --red-500: #d92140;
  --red-400: #e5495f;
  --red-100: #fbe3e7;
  --red-050: #fdf4f5;

  /* —— 点缀：金色 —— */
  --gold-600: #b8912f;
  --gold-500: #d4af37;  /* 品牌金 */
  --gold-400: #e4c56a;
  --gold-100: #f7edcf;

  /* —— 中性色 —— */
  --ink-900: #1c1416;   /* 主文字（暖黑） */
  --ink-700: #4a4043;
  --ink-500: #7a7175;
  --ink-300: #b7afb2;
  --paper: #fbf7f2;     /* 米白背景 */
  --paper-2: #f4ece3;   /* 次级米白 */
  --white: #ffffff;
  --line: rgba(28, 20, 22, 0.08);

  /* —— 渐变 —— */
  --grad-red: linear-gradient(135deg, #a50e28 0%, #c8102e 50%, #d92140 100%);
  --grad-red-deep: linear-gradient(160deg, #7a0a1c 0%, #a50e28 100%);
  --grad-gold: linear-gradient(135deg, #d4af37 0%, #e4c56a 50%, #b8912f 100%);
  --grad-gold-text: linear-gradient(90deg, #e4c56a 0%, #d4af37 50%, #b8912f 100%);
  --overlay-red: linear-gradient(180deg, rgba(122,10,28,0.72) 0%, rgba(122,10,28,0.90) 100%);

  /* —— 字体 —— */
  --font-serif: "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;
  --font-sans: "Noto Sans SC", -apple-system, "PingFang SC", "Hiragino Sans GB",
               "Microsoft YaHei", sans-serif;

  /* —— 字号（响应式基准） —— */
  --fs-hero: clamp(2rem, 5.2vw, 4.2rem);
  --fs-h2: clamp(1.8rem, 3.6vw, 2.9rem);
  --fs-h3: clamp(1.2rem, 2vw, 1.6rem);
  --fs-lead: clamp(1rem, 1.6vw, 1.25rem);
  --fs-body: clamp(0.95rem, 1.1vw, 1.05rem);
  --fs-small: 0.85rem;

  /* —— 间距 —— */
  --space-section: clamp(4rem, 9vw, 8rem);
  --gutter: clamp(1.2rem, 4vw, 2.5rem);
  --radius: 16px;
  --radius-lg: 26px;
  --radius-pill: 999px;

  /* —— 阴影 —— */
  --shadow-sm: 0 4px 16px rgba(122, 10, 28, 0.08);
  --shadow-md: 0 12px 34px rgba(122, 10, 28, 0.14);
  --shadow-lg: 0 28px 70px rgba(122, 10, 28, 0.22);
  --shadow-gold: 0 10px 30px rgba(212, 175, 55, 0.30);

  /* —— 布局 —— */
  --max-w: 1240px;
  --header-h: 76px;

  /* —— 动效 —— */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.7s;
}
