/* ============================================
   Dakzhou Theme - CSS Variables
   统一管理颜色、间距、圆角、阴影、字体等变量
   修改这里会影响全站，不需要再到处找颜色值
   ============================================ */

:root{
  /* ===== 品牌颜色 ===== */
  --emerald: #047857;
  --emerald-2: #059669;
  --emerald-deep: #065f46;
  --forest: #064e3b;
  --grass: #84af81;
  --grass-deep: #2f4a2c;
  --grass-light: #b8d8b2;
  --on-grass: #ffffff;
  --mint: #ecfdf5;
  --mint-2: #d1fae5;
  --orange: #f97316;
  --orange-deep: #ea580c;
  --star: #f59e0b;

  /* ===== 中性色 ===== */
  --ink: #0f172a;
  --ink-2: #1e293b;
  --slate: #334155;
  --muted: #64748b;
  --muted-2: #94a3b8;
  --border: #e5e7eb;
  --border-2: #d1d5db;
  --bg: #ffffff;
  --bg-soft: #f8fafc;
  --bg-tint: #f1f5f9;

  /* ===== 圆角 ===== */
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 24px;
  --radius-pill: 999px;

  /* ===== 阴影 ===== */
  --shadow-xs: 0 1px 2px rgba(15,23,42,.04);
  --shadow-sm: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);
  --shadow: 0 2px 12px rgba(15,23,42,.08);
  --shadow-card: 0 6px 20px rgba(15,23,42,.06), 0 2px 6px rgba(15,23,42,.03);
  --shadow-hover: 0 8px 24px rgba(15,23,42,.12);
  --shadow-pop: 0 18px 40px rgba(15,23,42,.10), 0 4px 10px rgba(15,23,42,.05);

  /* ===== 反馈色（表单/通知） ===== */
  --emerald-light: #ecfdf5;
  --emerald-border: #a7f3d0;
  --error: #b91c1c;
  --error-bg: #fef2f2;
  --error-border: #fecaca;

  /* ===== 字体级距（type scale）=====
     全站标题/正文统一走这套变量：改这里即可整体缩放排版。
     注意：这 9 个变量曾被误删，导致 h1/h2、section 标题等声明失效、
     全部回落到浏览器默认字号（「You May Also Like」过小的根因）。 */
  --t-xs: .72rem;
  --t-sm: .82rem;
  --t-base: .95rem;
  --t-md: 1.05rem;
  --t-lg: 1.2rem;
  --t-xl: clamp(1.55rem, 2.4vw, 1.9rem);
  --t-h2: clamp(1.85rem, 2.8vw, 2.35rem);
  --t-h1: clamp(2.1rem, 4vw, 2.8rem);
  --t-display: clamp(2.6rem, 5.2vw, 3.6rem);

  /* ===== 间距（旧命名，style.css/css 模块仍在引用）===== */
  --sp-1: 6px;
  --sp-2: 10px;
  --sp-3: 16px;
  --sp-4: 24px;
  --sp-5: 36px;
  --sp-6: 56px;
  --sp-7: 88px;

  /* ===== 间距 ===== */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* ===== 字体 ===== */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-size-xs: .75rem;
  --font-size-sm: .875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;

  /* ===== 动画缓动 ===== */
  --ease: cubic-bezier(.4,0,.2,1);
  --ease-out: cubic-bezier(0,0,.2,1);
  --ease-soft: cubic-bezier(.25,.46,.45,.94);
  --transition-fast: .15s var(--ease);
  --transition: .25s var(--ease);
  --transition-slow: .4s var(--ease);

  /* ===== 容器宽度 ===== */
  --container-width: 1200px;
  --container-narrow: 960px;
  --container-wide: 1400px;

  /* ===== 语义别名（旧变量名 → 统一色板，保证历史引用不失效）===== */
  --accent: var(--orange);
  --accent-light: var(--orange-deep);
  --primary: var(--emerald);
  --primary-light: var(--emerald-2);
  --primary-dark: var(--emerald-deep);
  --dark: var(--ink);
  --gray: var(--muted);
  --gray-light: var(--border);
  --light: var(--bg-soft);
  --white: var(--bg);

  /* ===== 层级 ===== */
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-fixed: 900;
  --z-modal: 1000;
  --z-toast: 1100;
}