/* Wali's Restaurant — design tokens (generated from design-tokens.json)
   Layer 1: primitives · Layer 2: semantic · Layer 3: components
   Palette: deep green + antique gold + warm cream + charcoal (Lahori / Shinwari) */
:root {
  /* primitives */
  --p-pine-950: #05231A;
  --p-pine-900: #07271E;
  --p-pine-800: #0C3B2E;
  --p-pine-700: #14503D;
  --p-pine-600: #1A6A50;
  --p-charcoal-950: #101410;
  --p-charcoal-900: #171B17;
  --p-charcoal-800: #262B26;
  --p-charcoal-700: #3B423B;
  --p-cream-50: #FFFDF6;
  --p-cream-100: #F8F1E2;
  --p-cream-200: #F1E5C9;
  --p-cream-300: #E7D3A3;
  --p-gold-700: #8A6D1F;
  --p-gold-600: #A07E2C;
  --p-gold-500: #C9A24B;
  --p-gold-400: #E3B959;
  --p-chili-600: #B3402A;
  --p-amber-500: #C9A24B; /* alias of gold-500, used by style.css */
  --p-amber-400: #E3B959; /* alias of gold-400, used by style.css */

  --font-display: "Fraunces", "Playfair Display", Georgia, serif;
  --font-body: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --shadow-card: 0 10px 30px rgba(7, 39, 30, 0.10);
  --shadow-lift: 0 18px 44px rgba(7, 39, 30, 0.18);

  /* semantic */
  --bg: var(--p-cream-100);
  --surface: var(--p-cream-50);
  --ink: #22302A;
  --ink-soft: #68736A;
  --brand: var(--p-pine-800);
  --brand-strong: var(--p-pine-900);
  --brand-bright: var(--p-pine-600);
  --accent: var(--p-gold-500);
  --accent-strong: var(--p-gold-600);
  --dark-bg: var(--p-pine-800);
  --dark-bg-2: var(--p-pine-950);
  --dark-ink: #F5EBD2;
  --dark-ink-soft: #C9BC97;

  /* components */
  --btn-primary-bg: var(--p-pine-800);
  --btn-primary-bg-hover: var(--p-pine-900);
  --btn-primary-ink: #F8F1E2;
  --chip-bg: var(--p-cream-200);
  --card-border: #E7D9B8;
  --header-h: 72px;
}