/* Mennu design tokens — use these, never raw hex in components */
:root {
  /* Brand */
  --mn-primary: #B3123A;        /* pomegranate red: primary CTA, kickers, accents, errors */
  --mn-primary-hover: #8E0D2D;  /* hover/pressed of primary */
  --mn-saffron: #F4B23E;        /* logo dot, accents on dark */
  --mn-ink: #1A1F2B;            /* text, dark surfaces, splash */
  --mn-green: #2F6B4F;          /* success, solved, ✓ */
  --mn-bg: #EEF1F6;             /* page background */
  --mn-white: #FFFFFF;

  /* Neutrals */
  --mn-border: #DCE1EA;
  --mn-divider: #E8ECF2;
  --mn-track: #E2E7EF;          /* segmented control track, header border */
  --mn-text-2: #4A5263;
  --mn-text-3: #6B7385;
  --mn-on-dark-2: #B8BFCC;
  --mn-on-dark-3: #8C94A6;
  --mn-on-dark-1: #D5DAE3;
  --mn-ink-2: #262C3A;          /* inner row on dark card */
  --mn-ink-3: #2A3142;          /* divider on dark card */
  --mn-surface-2: #F6F8FB;      /* footer of guest card, stepper buttons */
  --mn-toggle-off: #C9D0DB;
  --mn-dash: #C3CAD6;           /* "—" in compare table, dashed borders */
  --mn-outside: #DDE2EA;        /* mobile: page outside 430 column */
  --mn-outside-ring: #D3D9E3;

  /* Semantic tints */
  --mn-success-bg: #E3EFE8;
  --mn-error-bg: #FBE8EC;
  --mn-pro-tint: #FBF3F5;       /* Pro column in compare table */
  --mn-backdrop: rgba(16,19,27,.9);
  --mn-header-glass: rgba(238,241,246,.92);

  /* Placeholders (replace with media) */
  --mn-ph-light: repeating-linear-gradient(135deg,#e2e7ef 0 10px,#d8dee8 10px 20px);
  --mn-ph-dish: repeating-linear-gradient(135deg,#e8ecf2 0 6px,#dfe4ec 6px 12px);
  --mn-ph-dark: repeating-linear-gradient(135deg,#222838 0 12px,#1d2230 12px 24px);

  /* Type */
  --mn-font-display: 'Unbounded', 'Onest', sans-serif;
  --mn-font-body: 'Onest', system-ui, sans-serif;
  --mn-font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Radius */
  --mn-r-pill: 99px;
  --mn-r-xs: 9px;    /* +/add button, small action */
  --mn-r-sm: 10px;   /* lang trigger, stepper, list rows */
  --mn-r-md: 12px;   /* secondary buttons, status chip */
  --mn-r-lg: 14px;   /* primary buttons, inputs, segmented */
  --mn-r-card: 20px; /* cards (mobile) */
  --mn-r-card-lg: 24px; /* cards (web), guest card mobile */
  --mn-r-hero: 28px; /* web hero video, web guest card */
  --mn-r-band: 32px; /* web final CTA band */

  /* Shadows */
  --mn-sh-tab: 0 1px 3px rgba(0,0,0,.08);
  --mn-sh-menu: 0 14px 36px rgba(26,31,43,.16);
  --mn-sh-hero: 0 30px 60px rgba(26,31,43,.18);
  --mn-sh-card: 0 20px 50px rgba(26,31,43,.08);
  --mn-sh-qr: 0 14px 32px rgba(26,31,43,.08);
  --mn-sh-pill: 0 12px 32px rgba(26,31,43,.16);
  --mn-sh-column: 0 0 0 1px #D3D9E3, 0 30px 80px rgba(26,31,43,.12);

  /* Motion */
  --mn-ease-pop: cubic-bezier(.34,1.56,.64,1);
  --mn-ease-out: cubic-bezier(.22,1,.36,1);
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }