/* ==========================================================================
   TOKENS — Cecilia's Pizza Design System
   Single source of truth for all design variables.
   ========================================================================== */

:root {
  /* Fonts */
  --font-display: 'Fraunces', serif;
  --font-body:    'DM Sans', sans-serif;

  /* Colours */
  --red:          #E83A2E;
  --cobalt:       #1B4FD8;
  --midnight:     #0F1923;
  --parchment:    #FAF7F2;
  --parchment-dk: #EDE5D8;
  --ink:          #1C1C1C;
  --ash:          #9A8F7E;
  --white:        #FFFFFF;

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

  /* Layout */
  --max-width:        1200px;
  --content-width:    780px;
  --nav-height:       72px;

  /* Border radius */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-pill: 100px;

  /* Transitions */
  --transition: 200ms ease;
}