/* ============================================
   优学仕教育官网 · Design Tokens
   ============================================ */
:root {
  /* ---------- 品牌紫体系 ---------- */
  --purple-950: #221245;
  --purple-900: #2a1b5c;
  --purple-800: #352073;
  --purple-700: #4c2ba0;
  --purple-600: #5f2fd0;
  --purple-500: #8b3cf6;   /* 主品牌紫 */
  --purple-400: #a35ff9;
  --purple-300: #c4a8f5;
  --purple-200: #dcc8fa;
  --purple-100: #f1ecfe;
  --purple-50:  #f8f5ff;

  /* ---------- 强调与辅助 ---------- */
  --gold-500: #f5b642;     /* 行动/优惠强调 */
  --gold-400: #f8c96a;
  --gold-100: #fef3dd;
  --orange-500: #f97316;

  /* ---------- 中性色 ---------- */
  --ink-900: #1a1730;
  --ink-700: #2e2a45;
  --ink-500: #6b6680;
  --ink-400: #8a8598;
  --line: #e8e4f2;
  --line-soft: #f0edf8;
  --bg: #ffffff;
  --bg-soft: #f7f6fc;
  --bg-deep: #f1eefe;

  /* ---------- 语义色 ---------- */
  --success: #16a34a;
  --success-soft: #e8f7ee;
  --danger: #dc2626;
  --danger-soft: #fdeaea;

  /* ---------- 字体 ---------- */
  --font-cn: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
             "Source Han Sans SC", "Noto Sans SC", sans-serif;
  --font-en: "Helvetica Neue", Arial, "Segoe UI", sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;

  /* ---------- 字号阶梯 ---------- */
  --fs-display: clamp(40px, 5.2vw, 64px);
  --fs-h1: clamp(30px, 3.6vw, 44px);
  --fs-h2: clamp(24px, 2.6vw, 34px);
  --fs-h3: clamp(19px, 1.8vw, 24px);
  --fs-h4: 19px;
  --fs-body: 16px;
  --fs-sm: 14px;
  --fs-xs: 12px;

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

  /* ---------- 版心 ---------- */
  --container-max: 1500px;
  --container-pad: clamp(20px, 4vw, 56px);

  /* ---------- 圆角 ---------- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 999px;

  /* ---------- 阴影 ---------- */
  --shadow-sm: 0 1px 3px rgba(42, 27, 92, 0.08);
  --shadow-md: 0 6px 20px rgba(42, 27, 92, 0.10);
  --shadow-lg: 0 16px 44px rgba(42, 27, 92, 0.16);
  --shadow-purple: 0 10px 34px rgba(139, 60, 246, 0.30);
  --shadow-gold: 0 10px 30px rgba(245, 182, 66, 0.35);

  /* ---------- 渐变 ---------- */
  --grad-brand: linear-gradient(135deg, #6d28d9 0%, #8b3cf6 55%, #a35ff9 100%);
  --grad-deep: linear-gradient(160deg, #221245 0%, #2a1b5c 45%, #352073 100%);
  --grad-hero: radial-gradient(1100px 620px at 78% -10%, rgba(139, 60, 246, 0.55), transparent 62%),
               radial-gradient(900px 520px at -8% 38%, rgba(76, 43, 160, 0.45), transparent 58%),
               linear-gradient(150deg, #1c0f3f 0%, #2a1b5c 52%, #3b2283 100%);
  --grad-gold: linear-gradient(135deg, #f5b642 0%, #f97316 100%);
  --grad-text: linear-gradient(120deg, #a35ff9 0%, #8b3cf6 50%, #5f2fd0 100%);

  /* ---------- 过渡 ---------- */
  --ease: cubic-bezier(0.25, 0.6, 0.3, 1);
  --dur-fast: 0.18s;
  --dur: 0.32s;
  --dur-slow: 0.55s;

  /* ---------- 布局 ---------- */
  --nav-h: 78px;
  --section-pad: clamp(64px, 8vw, 110px);
}