/* Mehman Ghar Restaurant & Marriage Hall — design tokens (generated from design-tokens.json)
   Layer 1: primitives · Layer 2: semantic · Layer 3: components */
:root {
  /* primitives */
  --p-maroon-950: #26060E;
  --p-maroon-900: #330914;
  --p-maroon-800: #420C18;
  --p-maroon-700: #5E1420;
  --p-maroon-600: #7A1E2B;
  --p-maroon-500: #93303F;
  --p-gold-600: #A98534;
  --p-gold-500: #C9A24B;
  --p-gold-400: #DDBB72;
  --p-gold-300: #EBCB8A;
  --p-cream-50: #FFFDF8;
  --p-cream-100: #FBF4E4;
  --p-cream-200: #F3E6C8;
  --p-cream-300: #EAD9AC;
  --p-charcoal-950: #140F0C;
  --p-charcoal-900: #1C1713;
  --p-charcoal-800: #2A2320;
  --p-charcoal-700: #3B3230;

  --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(38, 6, 14, 0.10);
  --shadow-lift: 0 18px 44px rgba(38, 6, 14, 0.18);

  /* semantic */
  --bg: var(--p-cream-100);
  --surface: var(--p-cream-50);
  --ink: var(--p-charcoal-800);
  --ink-soft: #6E5F55;
  --brand: var(--p-maroon-600);
  --brand-strong: var(--p-maroon-700);
  --brand-bright: var(--p-maroon-500);
  --accent: var(--p-gold-500);
  --accent-strong: var(--p-gold-600);
  --dark-bg: var(--p-maroon-950);
  --dark-bg-2: #1B040A;
  --dark-ink: #F6ECD9;
  --dark-ink-soft: #D8C6A5;

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