/* =========================================================
   PRESTIGE EVENTS — DESIGN TOKENS
   v1.0 — May 2026
   Luxury event chain. Refined, cinematic, restrained.
   ========================================================= */

:root {
  /* ---------- COLOR · PRIMARY ---------- */
  --color-prestige-black:   #0B0B0A;   /* primary dark */
  --color-champagne-gold:   #D7B56D;   /* primary accent */
  --color-antique-gold:     #B8914B;   /* secondary accent */
  --color-warm-ivory:       #F4EFE6;   /* primary light */

  /* ---------- COLOR · SECONDARY ---------- */
  --color-midnight-navy:    #08131D;
  --color-espresso-brown:   #241915;
  --color-soft-stone:       #C9C1B3;

  /* ---------- COLOR · ACCENT (sparing) ---------- */
  --color-wine-velvet:      #4B111E;
  --color-emerald-noir:     #0E2A22;

  /* ---------- COLOR · OPERATIONAL ---------- */
  --ink-on-dark:            #F4EFE6;
  --ink-muted-on-dark:      #C9C1B3;
  --ink-on-light:           #0B0B0A;
  --ink-muted-on-light:     #555047;
  --rule-gold:              rgba(215, 181, 109, 0.55);
  --rule-gold-faint:        rgba(215, 181, 109, 0.18);
  --rule-ivory-faint:       rgba(244, 239, 230, 0.14);
  --rule-black-faint:       rgba(11, 11, 10, 0.14);

  /* ---------- TYPOGRAPHY · FAMILIES ---------- */
  --font-display: "Cormorant Garamond", "Bodoni Moda", "Playfair Display", Georgia, serif;
  --font-editorial: "Bodoni Moda", "Libre Bodoni", "Playfair Display", Georgia, serif;
  --font-sans: "Inter", "Neue Haas Grotesk", "Helvetica Neue", Arial, sans-serif;

  /* ---------- TYPOGRAPHY · SCALE ---------- */
  --fs-display-xl: clamp(64px, 9vw, 156px);
  --fs-display-l:  clamp(48px, 6vw, 96px);
  --fs-display-m:  clamp(36px, 4.2vw, 64px);
  --fs-h1:         clamp(40px, 4vw, 56px);
  --fs-h2:         clamp(28px, 2.6vw, 40px);
  --fs-h3:         18px;
  --fs-body:       16px;
  --fs-small:      13px;
  --fs-caption:    11px;

  --lh-display: 1.04;
  --lh-heading: 1.18;
  --lh-body:    1.55;

  --track-tightest: -0.02em;
  --track-tight:    -0.01em;
  --track-normal:   0;
  --track-wide:     0.08em;
  --track-wider:    0.16em;
  --track-widest:   0.28em;

  /* ---------- SPACING · 4px BASE ---------- */
  --space-xs:   4px;
  --space-s:    8px;
  --space-m:    16px;
  --space-l:    32px;
  --space-xl:   64px;
  --space-2xl:  96px;
  --space-3xl:  144px;

  /* ---------- LAYOUT ---------- */
  --gutter:        clamp(24px, 6vw, 96px);
  --max-width:     1440px;
  --grid-cols:     12;
  --grid-gap:      24px;

  /* ---------- LINES, FRAMES, RADII ---------- */
  --rule-thin:     0.5px;
  --rule-regular:  1px;
  --rule-bold:     2px;
  --radius-none:   0;
  --radius-xs:     2px;
  --radius-pill:   999px;

  /* ---------- MOTION ---------- */
  --ease-cinematic: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-soft:      cubic-bezier(0.4, 0, 0.2, 1);
  --dur-quick:      220ms;
  --dur-cinematic:  640ms;
  --dur-reveal:     1100ms;

  /* ---------- ELEVATION (used sparingly) ---------- */
  --shadow-soft:    0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 24px 60px -28px rgba(0, 0, 0, 0.55);
  --shadow-card:    0 30px 80px -30px rgba(0, 0, 0, 0.6);
}

/* ---------- THEME · SIGNATURE LUXURY (default dark) ---------- */
[data-theme="signature"] {
  --bg:           var(--color-prestige-black);
  --bg-elevated:  #121211;
  --fg:           var(--color-warm-ivory);
  --fg-muted:     var(--color-soft-stone);
  --accent:       var(--color-champagne-gold);
  --accent-deep:  var(--color-antique-gold);
  --rule:         var(--rule-gold);
  --rule-faint:   var(--rule-gold-faint);
}

/* ---------- THEME · EVENING PRESTIGE ---------- */
[data-theme="evening"] {
  --bg:           var(--color-midnight-navy);
  --bg-elevated:  #0B1B27;
  --fg:           var(--color-warm-ivory);
  --fg-muted:     var(--color-soft-stone);
  --accent:       var(--color-champagne-gold);
  --accent-deep:  var(--color-antique-gold);
  --rule:         var(--rule-gold);
  --rule-faint:   var(--rule-gold-faint);
}

/* ---------- THEME · EDITORIAL LIGHT ---------- */
[data-theme="editorial"] {
  --bg:           var(--color-warm-ivory);
  --bg-elevated:  #FBF8F2;
  --fg:           var(--color-prestige-black);
  --fg-muted:     #555047;
  --accent:       var(--color-antique-gold);
  --accent-deep:  #8c6c34;
  --rule:         rgba(184, 145, 75, 0.4);
  --rule-faint:   rgba(11, 11, 10, 0.1);
}

/* ---------- THEME · PRIVATE DINNER ---------- */
[data-theme="dinner"] {
  --bg:           var(--color-espresso-brown);
  --bg-elevated:  #2D2018;
  --fg:           var(--color-warm-ivory);
  --fg-muted:     #b6a995;
  --accent:       var(--color-champagne-gold);
  --accent-deep:  var(--color-antique-gold);
  --rule:         var(--rule-gold);
  --rule-faint:   var(--rule-gold-faint);
}