/* ================================================================
   THIRSTYBEAR - Design Tokens (Warm Wood & Copper Palette)
   Matched to approved prototype
   ================================================================ */

:root {
  /* Brand Colors - Warm Wood & Copper */
  --dark-wood:       #1a0e0a;
  --medium-wood:     #2c1810;
  --warm-brown:      #3d2114;
  --copper:          #8B4513;
  --amber:           #E4A624;
  --amber-bright:    #F0B83A;
  --amber-glow:      rgba(228, 166, 36, 0.3);
  --amber-dim:       rgba(228, 166, 36, 0.15);
  --cream:           #F5E6C8;
  --off-white:       #EDE0CC;
  --warm-white:      #FFF8EC;
  --text-dark:       #1a0e0a;
  --text-light:      rgba(255, 248, 236, 0.85);
  --text-muted:      rgba(255, 248, 236, 0.55);
  --red-accent:      #C0392B;
  --green-organic:   #5B8A3C;
  --teal-deep:       #013243;

  /* Typography */
  --font-display:    'Alfa Slab One', cursive;
  --font-handwritten:'Permanent Marker', cursive;
  --font-serif:      'Lora', Georgia, serif;
  --font-sans:       'Barlow Condensed', Impact, sans-serif;
  --font-accent:     'Caveat', cursive;

  /* Type Scale */
  --text-xs:   0.7rem;
  --text-sm:   0.8125rem;
  --text-base: 1.05rem;
  --text-lg:   1.2rem;
  --text-xl:   1.5rem;
  --text-2xl:  2rem;
  --text-3xl:  2.5rem;
  --text-4xl:  3.5rem;

  /* Spacing */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  40px;
  --space-2xl: 64px;
  --space-3xl: 96px;

  /* Shadows */
  --shadow-sm:       0 1px 3px rgba(26, 14, 10, 0.1);
  --shadow-card:     0 2px 16px rgba(26, 14, 10, 0.12);
  --shadow-elevated: 0 8px 32px rgba(26, 14, 10, 0.2);
  --shadow-deep:     0 16px 48px rgba(26, 14, 10, 0.3);

  /* Transitions */
  --ease-out:     cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast:     150ms;
  --dur-normal:   300ms;
  --dur-slow:     600ms;

  /* Layout */
  --container: 100%;
}