/* ============================================================
   TRUMPONI — Design tokens
   One source of truth for color, type, spacing, effects.
   ============================================================ */
:root {
  /* Palette — Roman imperial kitchen */
  --c-gold:        #E3B341;
  --c-gold-bright: #F5D77E;
  --c-gold-pale:   #FBE9BB;
  --c-gold-deep:   #9C7A1F;
  --c-ink:         #0D0A07;  /* warm black */
  --c-panel:       #151009;
  --c-panel-2:     #1C150C;
  --c-line:        rgba(227, 179, 65, .22);
  --c-line-strong: rgba(227, 179, 65, .45);
  --c-wine:        #6E1423;
  --c-wine-bright: #A03046;
  --c-wine-deep:   #4A0D18;
  --c-empire:      #143526;  /* deep empire green */
  --c-empire-2:    #0E271C;
  --c-cream:       #F2E7D5;
  --c-cream-dim:   rgba(242, 231, 213, .74);
  --c-cream-faint: rgba(242, 231, 213, .48);
  --c-pump:        #2FD873;  /* chart green — ACCENT ONLY */
  --c-red:         #E24D5B;

  /* Type */
  --font-display: 'Cinzel', 'Times New Roman', Georgia, serif;
  --font-body: 'Space Grotesk', 'Segoe UI', system-ui, -apple-system, sans-serif;

  /* Rhythm */
  --container: 1160px;
  --gutter: clamp(1.1rem, 4vw, 2.5rem);
  --section-y: clamp(4rem, 9vw, 7.5rem);
  --radius: 14px;
  --radius-sm: 8px;

  /* Effects */
  --gold-grad: linear-gradient(180deg, #F5D77E 0%, #E3B341 45%, #C8922A 100%);
  --glow-gold: 0 0 42px rgba(227, 179, 65, .16);
  --shadow-card: 0 18px 40px -18px rgba(0, 0, 0, .75);
  --noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");

  /* Motion */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur-1: .22s;
  --dur-2: .5s;
  --dur-3: .9s;
}