/* Gulistan Restaurant BBQ & Sajji House — design tokens (generated from design-tokens.json)
   Layer 1: primitives · Layer 2: semantic · Layer 3: components */
:root {
  /* primitives */
  --p-charcoal-950: #0E0906;
  --p-charcoal-900: #17100B;
  --p-charcoal-800: #251810;
  --p-charcoal-700: #3A2617;
  --p-cream-50: #FFFBF3;
  --p-cream-100: #FBF1DE;
  --p-cream-200: #F3E2C0;
  --p-cream-300: #EAD09E;
  --p-ember-700: #8F2D0E;
  --p-ember-600: #BC3F10;
  --p-ember-500: #E4572E;
  --p-amber-600: #C77F1F;
  --p-amber-500: #E9A13B;
  --p-amber-400: #F4B942;

  --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(23, 16, 11, 0.10);
  --shadow-lift: 0 18px 44px rgba(23, 16, 11, 0.18);

  /* semantic */
  --bg: var(--p-cream-100);
  --surface: var(--p-cream-50);
  --ink: var(--p-charcoal-800);
  --ink-soft: #6F5B49;
  --brand: var(--p-ember-600);
  --brand-strong: var(--p-ember-700);
  --brand-bright: var(--p-ember-500);
  --accent: var(--p-amber-500);
  --accent-strong: var(--p-amber-600);
  --dark-bg: var(--p-charcoal-900);
  --dark-bg-2: var(--p-charcoal-950);
  --dark-ink: #F7EBD4;
  --dark-ink-soft: #D3C0A8;

  /* components */
  --btn-primary-bg: var(--p-ember-600);
  --btn-primary-bg-hover: var(--p-ember-700);
  --btn-primary-ink: #FFFFFF;
  --chip-bg: var(--p-cream-200);
  --card-border: #ECDABE;
  --header-h: 72px;
}