:root {
  --bg-primary: #15100E;
  --bg-secondary: #1E1714;
  --surface-velvet: #2A1F26;
  --surface-raised: #3D2438;

  --accent-wine: #5C1E2A;
  --accent-plum: #3D2438;
  --accent-rose: #B07F7B;
  --accent-sage: #8A9A7A;
  --accent-brass: #7A6244;

  --text-primary: #EFE4D2;
  --text-secondary: #C9B89E;
  --text-muted: #8C7C65;
  --text-subtle: #5E5347;

  --border-subtle: #3A2E28;
  --border-strong: #5C1E2A;

  --overlay-wine-60: rgba(92, 30, 42, 0.60);
  --overlay-dark-70: rgba(21, 16, 14, 0.70);
  --overlay-dark-90: rgba(21, 16, 14, 0.92);
  --shadow-velvet: 0 24px 64px -16px rgba(0, 0, 0, 0.6);

  --font-serif-en: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-sans-en: 'Inter', system-ui, sans-serif;
  --font-sans-ko: 'Pretendard', 'Apple SD Gothic Neo', system-ui, sans-serif;
  --font-serif-ko: 'Noto Serif KR', 'Nanum Myeongjo', serif;

  --ls-display: -0.02em;
  --ls-caps: 0.18em;
  --lh-tight: 1.1;
  --lh-body: 1.65;

  --s-4: 4px; --s-8: 8px; --s-12: 12px; --s-16: 16px;
  --s-24: 24px; --s-32: 32px; --s-48: 48px; --s-64: 64px;
  --s-96: 96px; --s-128: 128px; --s-160: 160px; --s-200: 200px;

  --r-sm: 4px; --r-md: 8px; --r-lg: 16px; --r-xl: 24px; --r-pill: 999px;

  --d-fast: 200ms;
  --d-med: 450ms;
  --d-slow: 650ms;
  --d-xslow: 900ms;
  --ease-velvet: cubic-bezier(0.6, 0.05, 0.2, 1);
  --ease-bloom: cubic-bezier(0.16, 1, 0.3, 1);
  --stagger-step: 80ms;

  --max-width: 1440px;
  --content-max: 1200px;
  --gutter: 32px;

  --juno-accent:  #2A2520;
  --juno-glow:    rgba(122, 98, 68, 0.50);
  --elina-accent: #3D2438;
  --elina-glow:   rgba(61, 36, 56, 0.60);
  --ari-accent:   #5C1E2A;
  --ari-glow:     rgba(92, 30, 42, 0.55);
  --vienn-accent: #8A9A7A;
  --vienn-glow:   rgba(138, 154, 122, 0.40);
  --maeve-accent: #B07F7B;
  --maeve-glow:   rgba(176, 127, 123, 0.45);
  --tess-accent:  #4A2D45;
  --tess-glow:    rgba(74, 45, 69, 0.60);
  --yena-accent:  #EFE4D2;
  --yena-glow:    rgba(239, 228, 210, 0.35);
}

@media (max-width: 1023px) {
  :root { --gutter: 24px; }
}
@media (max-width: 767px) {
  :root { --gutter: 16px; }
}