/* ==========================================================================
   Caledonian Organic Soap — Design Tokens
   File: assets/css/global/cos-tokens.css
   ========================================================================== */
:root {

  /* Colour */
  --cos-navy:           #0B1926;
  --cos-navy-mid:       #132236;
  --cos-navy-light:     #1D3250;
  --cos-gold:           #C9A84C;
  --cos-gold-dim:       rgba(201,168,76,0.22);
  --cos-gold-line:      rgba(201,168,76,0.28);
  --cos-gold-pale:      rgba(201,168,76,0.08);
  --cos-cream:          #F5F0E8;
  --cos-cream-dim:      rgba(245,240,232,0.65);
  --cos-linen:          #EDE6D6;
  --cos-linen-mid:      #E4D9C4;
  --cos-forest:         #1A2E20;
  --cos-text-dark:      #1C1C1A;
  --cos-text-muted:     #5C5649;

  /* Typography — stacks set in cos-fonts.css */
  --cos-font-display:   'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --cos-font-body:      'Libre Baskerville', Georgia, 'Times New Roman', serif;
  --cos-font-ui:        'Jost', system-ui, -apple-system, Arial, sans-serif;
  --cos-font-scotland:  'Scotland', 'Cormorant Garamond', Georgia, serif;

  /* Spacing */
  --cos-section-v:      clamp(72px, 9vw, 128px);
  --cos-section-h:      clamp(20px, 5vw, 72px);
  --cos-max-w:          1320px;
  --cos-max-w-sm:       880px;
  --cos-header-h:       72px;

  /* Borders */
  --cos-radius-sm:      4px;
  --cos-radius-md:      8px;

  /* Motion */
  --cos-ease:           cubic-bezier(0.25,0.46,0.45,0.94);
  --cos-ease-out:       cubic-bezier(0.0,0.0,0.2,1);
  --cos-spring:         cubic-bezier(0.34,1.56,0.64,1);
  --cos-reveal-dur:     0.65s;
}

/* WooCommerce overrides */
:root {
  --wc-green:    #4ade80;
  --wc-red:      #f87171;
  --wc-highlight: var(--cos-gold);
}