/* Papachino's Pizza Kitchen — design tokens (generated from design-tokens.json)
   Layer 1: primitives · Layer 2: semantic · Layer 3: components */
:root {
  /* primitives */
  --p-charcoal-950: #120D09;
  --p-charcoal-900: #1B1510;
  --p-charcoal-800: #2A211A;
  --p-charcoal-700: #3A2E22;
  --p-cream-50: #FFFBF2;
  --p-cream-100: #FBF2DF;
  --p-cream-200: #F4E4C4;
  --p-cream-300: #EAD3A3;
  --p-tomato-700: #9E1B20;
  --p-tomato-600: #C1272D;
  --p-tomato-500: #D8402F;
  --p-amber-600: #C77F1F;
  --p-amber-500: #E9A13B;
  --p-amber-400: #F4B942;
  --p-basil-600: #3E7C34;

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

  /* semantic */
  --bg: var(--p-cream-100);
  --surface: var(--p-cream-50);
  --ink: var(--p-charcoal-800);
  --ink-soft: #6B5D4F;
  --brand: var(--p-tomato-600);
  --brand-strong: var(--p-tomato-700);
  --brand-bright: var(--p-tomato-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: #CDBFA9;

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