/* ── LUNCHTRUCK DESIGN TOKENS ── */
/* Single source of truth for all design values.
   Change here → updates everywhere.            */

:root {
  /* Brand colors */
  --orange:      #F05C1E;
  --orange-soft: rgba(240, 92, 30, 0.08);

  /* Neutral palette */
  --black:      #0D0D0D;
  --white:      #FAFAF8;
  --gray:       #6B6B6B;
  --gray-light: #F2F1EE;
  --border:     rgba(0, 0, 0, 0.08);

  /* Typography */
  --font-display: 'Outfit', sans-serif;
  --font-body:    'DM Sans', sans-serif;

  /* Spacing scale */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  48px;
  --space-xl:  80px;
  --space-2xl: 120px;

  /* Radii */
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  16px;
  --radius-xl:  20px;
  --radius-pill: 100px;

  /* Shadows */
  --shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 8px 32px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.07);

  /* Layout */
  --max-width: 1200px;
  --nav-height: 64px;
}