/* ==========================================================================
   Design Tokens — Bibbulmun Track Demo
   Cosy community site aesthetic
   ========================================================================== */

:root {
  /* ------------------------------------------------------------------
     Colour Palette — Warm bush community
     ------------------------------------------------------------------ */
  --orange:       #D48A0A;
  --orange-light: #E8A030;
  --orange-warm:  #C47A08;
  --orange-glow:  #F0C060;
  --brown:        #3D2B1F;
  --brown-warm:   #5C4033;
  --brown-text:   #2C2420;
  --brown-light:  #6B5744;
  --maroon:       #7A1E1C;
  --cream:        #FFF8EE;
  --cream-warm:   #FAEBD7;
  --parchment:    #FFFDF8;
  --sand:         #E8E0D0;
  --forest:       #2C4A2E;
  --forest-dark:  #1E3620;
  --eucalyptus:   #5A7247;

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

  /* ------------------------------------------------------------------
     Typography — Handwritten warmth + clean body
     ------------------------------------------------------------------ */
  --font-body:    'DM Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: 'Caveat', cursive;
  --font-mono:    'DM Mono', monospace;

  /* ------------------------------------------------------------------
     Border Radius
     ------------------------------------------------------------------ */
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 8px;

  /* ------------------------------------------------------------------
     Shadows
     ------------------------------------------------------------------ */
  --shadow-sm:  0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md:  0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-lg:  0 4px 20px rgba(0, 0, 0, 0.08);

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

  /* ------------------------------------------------------------------
     Layout
     ------------------------------------------------------------------ */
  --container-max: 1100px;
}