/* Eastwind — design tokens
   Single source of truth. Every colour, type step and spacing value used on the site.
   Change a value here, not in a block. */

:root {
  /* ---- Colour ---- */
  --ew-paper:          #F7F2EB; /* Parchment, page ground */
  --ew-card:           #FBF8F3;
  --ew-band:           #EDE5D8; /* Cream, alternate sections */
  --ew-band-deep:      #D9D0C5; /* Mist */
  --ew-forest:         #2B2621; /* Charcoal dark ground (name kept for compatibility) */

  --ew-terracotta:     #7A6248; /* Umber: links, prices, active states, bullets */
  --ew-terracotta-hi:  #C4A882; /* Sand: accent on charcoal only */
  --ew-terracotta-dk:  #5E4B37; /* Umber hover */
  --ew-driftwood:      #C4A882; /* Sand: rules, fills */

  --ew-ink:            #2B2621;
  --ew-body:           #6B5540; /* 5.6:1 on cream */
  --ew-muted:          #7A6248; /* Umber labels */

  --ew-cream:          #F7F2EB;
  --ew-cream-body:     #EDE5D8;
  --ew-cream-muted:    #D9D0C5;
  --ew-sage:           #C4A882; /* kickers on charcoal */
  --ew-sage-dim:       #A8977F; /* tertiary on charcoal, 5.3:1 */

  --ew-error:          #A33A28;
  --ew-media-placeholder: #D9D0C5;

  /* ---- Style Guide 1.0 palette (additions) ---- */
  --ew-sans:           'Jost', 'Helvetica Neue', Arial, sans-serif;
  --ew-charcoal:       #2B2621;
  --ew-umber:          #7A6248;
  --ew-sand:           #C4A882;
  --ew-sand-dk:        #B39570;
  --ew-mist:           #D9D0C5;
  --ew-moss:           #5A6147;
  --ew-terracotta-warm:#A0644A; /* decorative only */
  --ew-sold:           #8F5840;

  /* ---- Borders ---- */
  --ew-rule-hair:      rgba(43, 38, 33, 0.10);
  --ew-rule:           rgba(43, 38, 33, 0.13);
  --ew-rule-strong:    rgba(43, 38, 33, 0.16);
  --ew-rule-field:     rgba(43, 38, 33, 0.26);
  --ew-rule-grid:      rgba(43, 38, 33, 0.12);
  --ew-rule-dark:      rgba(196, 168, 130, 0.22);
  --ew-rule-dark-mid:  rgba(196, 168, 130, 0.5);

  /* ---- Type families ---- */
  --ew-serif:          'Fraunces', Georgia, 'Times New Roman', serif;
  --ew-caps:           'Jost', 'Helvetica Neue', Arial, sans-serif;

  /* ---- Type scale ---- */
  --ew-t-hero:         clamp(34px, 5.2vw, 64px);
  --ew-t-h1:           clamp(27px, 3.6vw, 46px);
  --ew-t-h2:           clamp(22px, 2.6vw, 36px);
  --ew-t-h3:           clamp(17px, 1.6vw, 22px);
  --ew-t-lede:         clamp(18px, 2.1vw, 30px);
  --ew-t-body:         clamp(15px, 1.3vw, 17px);
  --ew-t-small:        clamp(13.5px, 1.2vw, 15px);
  --ew-t-kicker:       12.5px;
  --ew-t-nav:          clamp(11px, 0.9vw, 12.5px);
  --ew-t-btn:          12.5px;

  /* ---- Tracking ---- */
  --ew-track-kicker:   0.24em;
  --ew-track-kicker-lg:0.3em;
  --ew-track-nav:      0.18em;
  --ew-track-btn:      0.22em;
  --ew-track-mark:     0.28em;
  --ew-track-mark-sub: 0.36em;

  /* ---- Layout ---- */
  --ew-max:            1240px;
  --ew-gutter:         clamp(18px, 4vw, 64px);
  --ew-section-y:      clamp(56px, 7.5vw, 112px);
  --ew-header-y:       clamp(48px, 6vw, 88px);

  /* ---- Gaps ---- */
  --ew-gap-card:       clamp(14px, 2vw, 28px);
  --ew-gap-prose:      clamp(18px, 3vw, 44px);
  --ew-gap-split:      clamp(20px, 4vw, 56px);
  --ew-gap-tight:      12px;

  /* ---- Measure ---- */
  --ew-measure-body:   74ch;
  --ew-measure-lede:   56ch;
  --ew-measure-hero:   48ch;

  /* ---- Motion ---- */
  --ew-ease:           cubic-bezier(.4, 0, .2, 1);
  --ew-dur-fast:       .14s;
  --ew-dur:            .2s;
  --ew-dur-slow:       .26s;

  /* ---- Elevation (floating UI only) ---- */
  --ew-shadow-menu:    0 16px 36px rgba(43, 38, 33, 0.14);
}