/* ============================================================
   PIZZARIA BAR & GRILL — Design Tokens
   All CSS custom properties live here. Edit this file to
   change colors, spacing, or type scale site-wide.
   ============================================================ */

:root {

  /* ----------------------------------------------------------
     Core Brand Colors
  ---------------------------------------------------------- */
  --color-primary:       #C8392A;
  --color-primary-dark:  #9E2B1F;
  --color-primary-light: #E8503F;

  /* ----------------------------------------------------------
     Neutrals
  ---------------------------------------------------------- */
  --color-bg:             #FAF8F4;
  --color-bg-alt:         #F0EDE6;
  --color-surface:        #FFFFFF;
  --color-text:           #1C1A17;
  --color-text-secondary: #6B6560;
  --color-border:         #E0DAD2;

  /* ----------------------------------------------------------
     Night / Patio Mode
     Used in dark sections (patio, footer)
  ---------------------------------------------------------- */
  --color-dark-bg:      #1A1714;
  --color-dark-surface: #252119;
  --color-dark-text:    #F5F0E8;
  --color-amber:        #E8A430;
  --color-amber-glow:   rgba(232, 164, 48, 0.15);

  /* ----------------------------------------------------------
     Functional Colors
  ---------------------------------------------------------- */
  --color-success: #2E7D47;
  --color-warning: #D4820A;
  --color-focus:   #C8392A;

  /* ----------------------------------------------------------
     Spacing Scale
  ---------------------------------------------------------- */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  /* ----------------------------------------------------------
     Typography Scale
  ---------------------------------------------------------- */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  2rem;
  --text-4xl:  2.75rem;
  --text-5xl:  3.75rem;

  /* ----------------------------------------------------------
     Font Families
  ---------------------------------------------------------- */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'DM Sans', system-ui, sans-serif;

  /* ----------------------------------------------------------
     Layout
  ---------------------------------------------------------- */
  --container-max:     1140px;
  --container-padding: 1.25rem;
  --nav-height:        68px;

  /* ----------------------------------------------------------
     Border Radius
  ---------------------------------------------------------- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* ----------------------------------------------------------
     Transitions
  ---------------------------------------------------------- */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;

  /* ----------------------------------------------------------
     Shadows
  ---------------------------------------------------------- */
  --shadow-sm: 0 1px 3px rgba(28, 26, 23, 0.08);
  --shadow-md: 0 4px 12px rgba(28, 26, 23, 0.12);
  --shadow-lg: 0 12px 32px rgba(28, 26, 23, 0.16);

}