/* ============================================
   草本酒坊 - 设计令牌 (Design Tokens)
   奢华中式风格 · 有温度的深色系
   ============================================ */

:root {
  /* ── 主色 · 朱砂红 ── */
  --color-primary: oklch(45% 0.15 25);
  --color-primary-light: oklch(55% 0.12 25);
  --color-primary-dark: oklch(35% 0.18 25);

  /* ── 金色 · 琥珀 ── */
  --color-accent: oklch(75% 0.15 85);
  --color-accent-light: oklch(85% 0.10 85);
  --color-accent-dark: oklch(60% 0.18 85);

  /* ── 中性色 · 暖调深色 ── */
  --bg-base: oklch(14% 0.01 60);
  --bg-surface: oklch(19% 0.012 60);
  --bg-elevated: oklch(24% 0.01 60);
  --bg-input: oklch(21% 0.01 60);

  /* ── 文字色 ── */
  --text-primary: oklch(93% 0.01 80);
  --text-secondary: oklch(70% 0.02 70);
  --text-muted: oklch(50% 0.01 60);
  --text-accent: oklch(75% 0.15 85);

  /* ── 边框 ── */
  --border-subtle: oklch(28% 0.01 60);
  --border-default: oklch(33% 0.015 60);
  --border-accent: oklch(50% 0.08 85);

  /* ── 功能色 ── */
  --color-success: oklch(55% 0.12 145);
  --color-warning: oklch(75% 0.15 75);
  --color-error: oklch(55% 0.18 25);

  /* ── 字体 ── */
  --font-display: 'Playfair Display', 'Noto Serif SC', 'Songti SC', Georgia, serif;
  --font-cn: 'Noto Serif SC', 'Songti SC', 'SimSun', serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-mono: 'SF Mono', 'Menlo', 'Consolas', monospace;

  /* ── 字号 · 模块化比例 1.333 ── */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.333rem;
  --text-2xl: 1.777rem;
  --text-3xl: 2.369rem;
  --text-4xl: 3.157rem;
  --text-5xl: 4.209rem;

  /* ── 字重 ── */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* ── 行高 ── */
  --leading-tight: 1.2;
  --leading-snug: 1.35;
  --leading-normal: 1.6;
  --leading-relaxed: 1.75;

  /* ── 间距 · 4pt 基准 ── */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;
  --space-10: 4rem;
  --space-12: 6rem;
  --space-16: 8rem;

  /* ── 容器 ── */
  --container-sm: 640px;
  --container-md: 960px;
  --container-lg: 1200px;
  --container-xl: 1400px;
  --container-padding: clamp(1rem, 4vw, 2rem);

  /* ── 圆角 ── */
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;

  /* ── 阴影 ── */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.4);
  --shadow-gold: 0 4px 20px rgba(201, 162, 39, 0.15);

  /* ── 过渡 ── */
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --duration-slow: 500ms;

  /* ── z-index ── */
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-overlay: 300;
  --z-modal: 400;
  --z-toast: 500;
}