/* ═══════════════════════════════════════════════════════════════════
   EAT — "Luxurious Gastronomy Interface" design tokens
   Source: Stitch project 2987642588419563332 (Eat 3D Dining Suite)
   Every color/font/spacing value used by the app lives here.
   ═══════════════════════════════════════════════════════════════════ */
:root {
  /* ── Surfaces ─────────────────────────────────────────────────── */
  --surface:                   #131313;
  --surface-dim:               #131313;
  --surface-bright:            #393939;
  --surface-container-lowest:  #0e0e0e;
  --surface-container-low:     #1c1b1b;
  --surface-container:         #201f1f;
  --surface-container-high:    #2a2a2a;
  --surface-container-highest: #353534;
  --surface-variant:           #353534;

  /* ── Gold / primary ───────────────────────────────────────────── */
  --primary:            #f2ca50;   /* gold-glow */
  --on-primary:         #3c2f00;   /* dark ink on gold */
  --primary-container:  #d4af37;   /* gold-leaf */
  --on-primary-container: #554300;
  --primary-fixed:      #ffe088;
  --primary-fixed-dim:  #e9c349;
  --gold-leaf:          #d4af37;
  --gold-glow:          #f2ca50;

  /* ── Secondary / tertiary ─────────────────────────────────────── */
  --secondary:           #eac249;
  --on-secondary:        #3d2f00;
  --secondary-container: #494a38;
  --tertiary:            #d0cecd;
  --tertiary-container:  #b5b2b2;

  /* ── Text ─────────────────────────────────────────────────────── */
  --on-surface:         #e5e2e1;   /* warm ivory */
  --on-surface-variant: #d0c5af;   /* parchment */
  --outline:            #99907c;
  --outline-variant:    #4d4635;

  /* ── Error ────────────────────────────────────────────────────── */
  --error:              #ffb4ab;
  --on-error:           #690005;
  --error-container:    #93000a;
  --on-error-container: #ffdad6;

  /* ── Glass & atmosphere ───────────────────────────────────────── */
  --glass-fill:   rgba(255, 255, 255, 0.05);
  --glass-border: rgba(212, 175, 55, 0.10);
  --light-leak:   rgba(212, 175, 55, 0.08);
  --gold-shadow:  0 4px 20px rgba(212, 175, 55, 0.4);
  --gold-glow-soft: 0 0 20px rgba(212, 175, 55, 0.2);

  /* ── Typography ───────────────────────────────────────────────── */
  --font-display: 'Playfair Display', serif;
  --font-body:    'Inter', sans-serif;

  --text-display-lg:        700 48px/1.2 var(--font-display);   /* ls -0.02em */
  --text-display-lg-mobile: 700 32px/1.2 var(--font-display);
  --text-headline-sm:       600 24px/1.3 var(--font-display);
  --text-body-md:           400 16px/1.6 var(--font-body);
  --text-stats:             600 24px/1   var(--font-body);
  --text-label-caps:        600 10px/1   var(--font-body);      /* uppercase, ls .15em */

  /* ── Radius (sharp-corner system) ─────────────────────────────── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-pill: 999px;

  /* ── Spacing ──────────────────────────────────────────────────── */
  --space-base:   8px;
  --gutter:       24px;
  --pad-mobile:   20px;
  --pad-desktop:  40px;
  --section-gap:  64px;
  --max-width:    1280px;

  /* ── Motion ───────────────────────────────────────────────────── */
  --ease-lux: cubic-bezier(0.165, 0.84, 0.44, 1);
}