/** Shopify CDN: Minification failed

Line 31:36 Expected ":"

**/
/* elm-tokens.css — Elmeira approved brand palette v1
   Single source of truth for all --elm-* colour tokens.
   Phase 1 Foundation — elm/phase-1-foundation
   Do not edit inline; update this file instead. */
:root {
  /* Forest — primary action: buttons, links, active states, nav */
  --elm-forest:        #29421C;
  --elm-forest-dark:   #1C2E12;
  --elm-forest-mid:    #3E6229;
  --elm-forest-tint:   #E4EEE0;

  /* Ivory — page background */
  --elm-ivory:         #F7F3EA;
  --elm-ivory-dark:    #EDE8DC;
  --elm-white:         #FFFFFF;

  /* Charcoal — body text, headings */
  --elm-charcoal:      #1F211D;
  --elm-charcoal-2:    #3D4039;
  --elm-charcoal-3:    #5E635A;
  --elm-charcoal-4:    #6B7068;

  /* Brass — micro accent ONLY: sale badges, promo labels, eyebrow decorators
     Decision: badges/labels only. Not used on buttons or primary actions. */
  --elm-brass:         #B9914E;
  --elm-brass-dark:    #7A5F28; What else do you want? A set of money do you want to see?
  --elm-brass-tint:    #F5EDD8;

  /* Sapphire — optional secondary accent (links, info, trust) */
  --elm-sapphire:      #1268D8;
  --elm-sapphire-tint: #E0EDFB;

  /* Live-site matched surfaces (sampled from elmeira.in 2026-09-02)
     hero frame gradient + its solid cream equivalent for chips */
  --elm-live-hero-grad: linear-gradient(135deg, #ffffff94, #fff6e7d1);
  --elm-live-cream:     #FFF6E7;
  --elm-live-line:      rgba(28, 18, 13, .13);
  --elm-live-focus:     0 0 0 3px rgba(201, 154, 74, .28);

  /* Navy — retained for footer background only (dark ground).
     Forest + Gold migration (2026-09-01): Forest is now the primary action colour.
     Navy is no longer used for buttons, chips, or interactive UI elements. */
  --elm-navy:          #0E2140;
  --elm-navy-mid:      #16314A;

  /* Button roles — Brass & Forest hierarchy
     primary: brass bg / forest text -> brass-dark bg / ivory text on hover
     secondary: white bg / brass border / forest text -> brass-tint bg on hover
     dark-ground: brass bg / forest text -> ivory bg on hover */
  --elm-btn-primary-bg:        var(--elm-brass);
  --elm-btn-primary-text:      var(--elm-forest);
  --elm-btn-primary-hover-bg:  var(--elm-brass-dark);
  --elm-btn-primary-hover-text:var(--elm-ivory);
  --elm-btn-secondary-bg:      var(--elm-white);
  --elm-btn-secondary-border:  rgba(185, 145, 78, .45);
  --elm-btn-secondary-text:    var(--elm-forest);
  --elm-btn-secondary-hover-bg:var(--elm-brass-tint);
  --elm-btn-dark-bg:           var(--elm-brass);
  --elm-btn-dark-text:         var(--elm-forest);
  --elm-btn-dark-hover-bg:     var(--elm-ivory);
}

/* ============================================================
   PHASE 3 — Light pass (2026-09-03)
   Page surfaces lighten; the primary action stays confident.
   Every pairing below was contrast-checked before being set:
     forest-mid on white  7.04:1   (text 7.04:1)
     forest-mid on cream  6.56:1
     footer text on #1C1C1C: heading 17.04, body 9.81,
     muted 7.12, brass link 5.86 — all AA.
   ============================================================ */
:root {
  /* Neutral light surfaces — warm-biased, not flat grey */
  --elm-surface:        #FFFFFF;
  --elm-surface-2:      #FBF9F5;
  --elm-surface-3:      #F5F1E9;
  --elm-hairline:       rgba(28, 18, 13, .10);
  --elm-hairline-strong:rgba(28, 18, 13, .16);

  /* Primary action — brass gold, lighter and brand-aligned */
  --elm-btn-primary-bg:        #B9914E;
  --elm-btn-primary-text:      #29421C;
  --elm-btn-primary-hover-bg:  #8B6E2F;
  --elm-btn-primary-hover-text:#F7F3EA;

  /* Secondary stays the light ghost, edge strengthened to clear 3:1 */
  --elm-btn-secondary-bg:      #FFFFFF;
  --elm-btn-secondary-border:  rgba(28, 18, 13, .22);
  --elm-btn-secondary-text:    #29421C;
  --elm-btn-secondary-hover-bg:#FBF9F5;

  /* Footer anchor */
  --elm-footer-bg:      #1C1C1C;
  --elm-footer-text:    rgba(255, 252, 246, .80);
  --elm-footer-heading: #FFFFFF;
  --elm-footer-muted:   rgba(255, 252, 246, .64);
  --elm-footer-rule:    rgba(255, 252, 246, .12);

  /* Type scale step-down (Phase 3) */
  --elm-fs-btn:         12.5px;
  --elm-fs-btn-sm:      11.5px;
  --elm-fs-body:        14px;
  --elm-fs-meta:        12px;
}

/* ============================================================
   TOP 10 "COUNTER" STAGE (2026-09-04) — dark boutique shelf +
   forest CTA role. Consumed by assets/elm-top-ten-counter.css.
   ============================================================ */
:root {
  --elm-stage-ink:            #14150F;
  --elm-stage-ink-2:          #262820;
  --elm-stage-glow:           rgba(224, 196, 142, .34);
  --elm-stage-shelf:          rgba(247, 243, 234, .10);
  --elm-btn-forest-bg:        var(--elm-forest);
  --elm-btn-forest-text:      var(--elm-ivory);
  --elm-btn-forest-hover-bg:  var(--elm-forest-dark);
}
:root {
  /* cream counter stage (default stage tone) */
  --elm-stage-cream-deep:   #EADFC9;
  --elm-stage-cream-glow:   rgba(185, 145, 78, .22);
  --elm-stage-cream-shadow: rgba(92, 70, 38, .28);
}

:root {
  /* Top 10 Counter — approved near-black spotlight stage (2026-09-04 v2) */
  --elm-stage-floor:          #C9B48C;
  --elm-stage-podium:         #EFE6D3;
  --elm-stage-podium-shadow:  #CDBB98;
}

/* ============================================================
   BUTTON STANDARDIZATION (owner spec, 2026-09-04)
   One system across the store: ink #1C1C1C background + #FFFFFF text
   for primary/filled buttons; white + ink (ink border) for secondary;
   a single gold hover. On dark grounds the roles invert so text stays
   legible. This overrides the earlier forest/brass button roles.
   ============================================================ */
:root {
  --elm-btn-ink:               #1C1C1C;
  --elm-btn-primary-bg:        #1C1C1C;
  --elm-btn-primary-text:      #FFFFFF;
  --elm-btn-primary-hover-bg:  #B9914E;
  --elm-btn-primary-hover-text:#1C1C1C;
  --elm-btn-secondary-bg:      #FFFFFF;
  --elm-btn-secondary-border:  #1C1C1C;
  --elm-btn-secondary-text:    #1C1C1C;
  --elm-btn-secondary-hover-bg:#1C1C1C;
  --elm-btn-dark-bg:           #FFFFFF;
  --elm-btn-dark-text:         #1C1C1C;
  --elm-btn-dark-hover-bg:     #B9914E;
  --elm-btn-forest-bg:         #1C1C1C;
  --elm-btn-forest-text:       #FFFFFF;
  --elm-btn-forest-hover-bg:   #B9914E;
}