/* ============================================
   NECTAR & HONEY ATELIER — CSS VARIABLES
   Tannin Palette — Design System Tokens
   ============================================ */
:root {
  /* -- Primary Palette -- */
  --cream:          #F5F0E8;
  --warm-white:     #FDFBF7;
  --stone:          #B5AD9E;
  --stone-light:    #D4CFC5;
  --stone-dark:     #8A8279;
  --sand:           #E8E0D0;

  /* -- Text Colours -- */
  --charcoal:       #3A3632;
  --charcoal-light: #5C5650;
  --charcoal-muted: #706B65;

  /* -- Accent: Burgundy (Primary) -- */
  --burgundy:       #7A2E3A;
  --burgundy-light: #9E4A57;
  --burgundy-dark:  #5C1F2B;
  --burgundy-muted: #A67A82;

  /* -- Accent: Navy (Secondary) -- */
  --navy:           #1B2A4A;
  --navy-light:     #2D4470;
  --navy-muted:     #6B7A96;

  /* -- Accent: Chocolate -- */
  --chocolate:      #4A3728;
  --chocolate-light: #6B5443;

  /* -- Accent: Gold (Sparingly) -- */
  --gold:           #B8965A;
  --gold-light:     #D4B87A;
  --gold-muted:     #C9B892;

  /* -- Accent: Olive (Tertiary) -- */
  --olive:          #5C6B4F;
  --olive-light:    #7A8C6A;
  --olive-muted:    #9EAB92;

  /* -- Accent: Shark Tooth Grey -- */
  --shark-tooth:    #5A5D63;

  /* -- Semantic -- */
  --success:        #5C6B4F;
  --error:          #9E4A57;
  --warning:        #B8965A;

  /* -- Typography -- */
  --font-display:   'Cormorant Garamond', Georgia, serif;
  --font-body:      'Outfit', 'Helvetica Neue', sans-serif;

  /* -- Font Sizes -- */
  --text-6xl: 4.5rem;
  --text-5xl: 3.5rem;
  --text-4xl: 2.75rem;
  --text-3xl: 2.25rem;
  --text-2xl: 1.75rem;
  --text-xl:  1.375rem;
  --text-lg:  1.125rem;
  --text-base: 1rem;
  --text-sm:  0.875rem;
  --text-xs:  0.75rem;

  /* -- Spacing -- */
  --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: 6rem;
  --space-5xl: 8rem;

  /* -- Shadows -- */
  --shadow-subtle: 0 1px 3px rgba(58,54,50,0.06), 0 1px 2px rgba(58,54,50,0.04);
  --shadow-sm:     0 2px 8px rgba(58,54,50,0.08);
  --shadow-md:     0 4px 16px rgba(58,54,50,0.10);
  --shadow-lg:     0 8px 32px rgba(58,54,50,0.12);
  --shadow-xl:     0 16px 48px rgba(58,54,50,0.14);
  --shadow-inner:  inset 0 2px 4px rgba(58,54,50,0.06);
  --shadow-warm:   0 4px 20px rgba(122,46,58,0.08);

  /* -- Borders & Radius -- */
  --border-hair:   1px;
  --border-thin:   1.5px;
  --border-medium: 2px;
  --radius-sm:     4px;
  --radius-md:     8px;
  --radius-lg:     12px;
  --radius-xl:     16px;
  --radius-2xl:    24px;
  --radius-full:   9999px;

  /* -- Transitions -- */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:   cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 150ms;
  --duration-base: 300ms;
  --duration-slow: 500ms;
}