/* ============================================================
   TOKENS — CSS Custom Properties (Design Tokens)
   Extracted from index.html <style> block
   ============================================================ */

:root {
  --bg-deep: #0d0508;
  --bg-card: #1a0a0f;
  --bg-elevated: #1f0d13;
  --wine: #5c1a2a;
  --wine-light: #8b2a40;
  --wine-deep: #3a0e1b;
  --gold: #d4af37;
  --gold-light: #e8c84a;
  --gold-dark: #9a7e24;
  --cream: #f5f0e1;
  --cream-muted: #c8b89a;
  --text: #f0ebe0;
  --text-muted: #a89684;
  --text-dim: #7a6856;

  --font-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --font-body: 'Inter', system-ui, sans-serif;

  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-in: cubic-bezier(0.6, 0, 0.9, 0.4);

  --container: min(1440px, 92vw);
  --section-pad: clamp(60px, 10vw, 140px);
}