/* ==========================================================================
   EON 2.0 · daylight register
   A light art direction laid over the dark experience layer: cream plaster
   ground, coffee text, olive accents, gold kept as a hairline and a hallmark.
   Loaded after eon.css (homepage) or after each page's inline styles, so it
   only has to remap tokens and lift the few hard-coded dark surfaces.
   ========================================================================== */
:root{
  /* palette */
  --c-cream:#F3EDE2;        /* page ground */
  --c-linen:#FAF7F1;        /* cards, panels */
  --c-parchment:#E9E1D1;    /* secondary surface */
  --c-sand:#D9CEB8;         /* soft edges */
  --c-espresso:#241C16;     /* display text */
  --c-coffee:#3B2F26;       /* body text */
  --c-mocha:#6E5D4E;        /* secondary text */
  --c-latte:#9A8A78;        /* captions */
  --c-olive:#5F6444;        /* accent */
  --c-olive-deep:#464A30;
  --c-sage:#9EA383;
  --c-olive-wash:rgba(95,100,68,.09);
  --c-gold:#8C6F3F;         /* gold type on light */
  --c-gold-deep:#6E5936;
  --c-gold-light:#C9A96A;

  /* remap the dark-register tokens the experience layer reads */
  --eon-ink:var(--c-cream);
  --eon-basalt:var(--c-parchment);
  --eon-paper-night:var(--c-linen);
  --eon-soot:var(--c-sand);
  --eon-bone:var(--c-espresso);
  --eon-ash:var(--c-mocha);
  --eon-stone-paper:var(--c-coffee);
  --eon-gold-type:var(--c-gold);
  --eon-gold-light:var(--c-gold-deep);
  --eon-gallery:var(--c-linen);
  --eon-ivory-paper:#FBF8F2;
  --rule:rgba(110,89,54,.28);
  --rule-strong:rgba(110,89,54,.48);
  --veil:rgba(243,237,226,.6);
  --line-hairline:rgba(110,89,54,.26);
  --line-soft:rgba(59,47,38,.12);
  --focus-ring:rgba(95,100,68,.6);
  --shadow-sm:0 1px 2px rgba(59,47,38,.08);
  --shadow-md:0 10px 30px -12px rgba(59,47,38,.18);
  --shadow-lg:0 26px 60px -20px rgba(59,47,38,.26);
}
html{background:var(--c-cream)}
body{background:var(--c-cream); color:var(--c-coffee)}
::selection{background:rgba(95,100,68,.22); color:var(--c-espresso)}
a{color:var(--c-gold)}
a:hover{color:var(--c-olive-deep)}
*::-webkit-scrollbar-track{background:var(--c-cream)}
*::-webkit-scrollbar-thumb{background:rgba(110,89,54,.28)}
*::-webkit-scrollbar-thumb:hover{background:rgba(110,89,54,.45)}
.grain-fixed{opacity:.045; mix-blend-mode:multiply}
:where(a, button, input, [tabindex]):focus-visible{outline:2px solid var(--c-olive); outline-offset:3px}
.eyebrow{color:var(--c-olive)}
.eyebrow.dim{color:var(--c-latte)}
.label{color:var(--c-mocha)}
.hair{background:rgba(110,89,54,.35)}

/* ---------- CTAs: linen glass, and the gold fill kept ---------- */
.btn-quiet,
.btn-lux--glass{
  color:var(--c-espresso) !important;
  background-color:rgba(250,247,241,.7) !important;
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.55) 0%, transparent 46%),
    linear-gradient(180deg, rgba(250,247,241,.6), rgba(233,225,209,.75)) !important;
  border:1px solid rgba(110,89,54,.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.7),
    0 10px 24px -18px rgba(59,47,38,.35) !important;
}
.btn-quiet:hover,
.btn-lux--glass:hover{
  color:var(--c-olive-deep) !important;
  border-color:rgba(95,100,68,.6) !important;
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.7) 0%, transparent 46%),
    linear-gradient(180deg, rgba(250,247,241,.8), rgba(233,225,209,.9)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.8),
    0 14px 30px -16px rgba(59,47,38,.4),
    0 0 0 1px rgba(95,100,68,.12) !important;
}
.btn-lux--gold{color:#2a2114 !important}
/* the commission button is the olive primary */
.btn-quiet--fill{color:#FBF8F2 !important; background:linear-gradient(180deg, var(--c-olive), var(--c-olive-deep)) !important; border-color:var(--c-olive-deep) !important}
.btn-quiet--fill:hover{background:linear-gradient(180deg, #6B7150, var(--c-olive)) !important}
.btn-quiet--fill::after{display:none}

/* ---------- intro, nav, index ---------- */
.intro{background:var(--c-cream)}
.intro::after{background:radial-gradient(120% 90% at 50% 42%, transparent 30%, rgba(217,206,184,.55) 100%)}
.intro-enter:hover{background:rgba(59,47,38,.05)}
.intro-enter .label{color:var(--c-coffee)}
.intro-enter:hover .label{color:var(--c-olive-deep)}
.intro-enter .drop{background:linear-gradient(var(--c-gold), transparent)}
.intro-enter .drop::after{background:rgba(110,89,54,.85)}
.scrollbar-top{background:rgba(95,100,68,.55)}
.nav.solid{
  background:
    linear-gradient(180deg, rgba(255,255,255,.4) 0%, transparent 40%),
    rgba(243,237,226,.72);
  border-bottom-color:rgba(110,89,54,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 12px 40px -28px rgba(59,47,38,.35)}
.nav-word{color:var(--c-espresso)}
.nav-btn{color:var(--c-coffee)}
.nav-btn:hover{background:rgba(59,47,38,.05)}
.nav-btn:hover .label{color:var(--c-olive-deep)}
.nav-brand svg [fill="#E9E2D3"],.nav-brand svg [fill="#e9e2d3"]{fill:var(--c-espresso)}
.eq i{background:var(--c-olive)}
.rail button{color:var(--c-latte)}
.rail button:hover,.rail button.active{color:var(--c-olive-deep)}
.rail button.active .dash{background:var(--c-olive-deep)}
.menu{
  background:
    radial-gradient(90% 70% at 50% 0%, rgba(95,100,68,.08), transparent 55%),
    rgba(243,237,226,.9)}
.menu::before{opacity:.05; mix-blend-mode:multiply}
.menu-head{border-bottom-color:rgba(110,89,54,.2)}
.menu-close{background:rgba(59,47,38,.04); border-color:rgba(110,89,54,.3); color:var(--c-espresso)}
.menu-close:hover{color:var(--c-olive-deep); border-color:rgba(95,100,68,.6); background:rgba(95,100,68,.08)}
.menu-item{color:var(--c-espresso)}
.menu-item .mi-rn{color:var(--c-olive)}
.menu-item .mi-sub{color:var(--c-mocha)}
.menu-item:hover{color:var(--c-olive-deep)}
.menu-foot{color:var(--c-mocha)}

/* ---------- chapter scaffolding: cream washes instead of ink ---------- */
.bg img{filter:saturate(.85)}
.bg.dark::after{background:linear-gradient(180deg, rgba(243,237,226,.9) 0%, rgba(243,237,226,.72) 40%, rgba(243,237,226,.94) 100%)}
.bg.vign::before{background:radial-gradient(120% 100% at 50% 40%, transparent 40%, rgba(243,237,226,.85) 100%)}
.chapter-tag{color:var(--c-latte)}

/* I · threshold */
.th-title{color:var(--c-espresso)}
.th-sub{color:var(--c-coffee)}
.th-meta div{background:rgba(250,247,241,.62); border:1px solid rgba(110,89,54,.22); box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.th-meta .v{color:var(--c-espresso)}

/* Summertime: from slate water to sage water-light */
.special{
  --se-ink:#EEEBDD;
  --se-deep:#E6E7D5;
  --se-slate:#D8DAC4;
  --se-champagne:#7A5E2E;
  --se-amber:#B07540;
  --se-gold:#8C6F3F;
  --se-teal:#5E7B6E;
  --se-teal-deep:#8FA394;
  --se-foam:#2B2A22;
  color:var(--se-foam);
  background:
    radial-gradient(ellipse 70% 55% at 82% 18%, rgba(176,117,64,.16), transparent 58%),
    radial-gradient(ellipse 55% 48% at 10% 88%, rgba(94,123,110,.18), transparent 52%),
    linear-gradient(168deg, var(--se-deep) 0%, var(--se-ink) 48%, #EFE9DC 100%);
}
.se-caustic{mix-blend-mode:multiply; opacity:.25}
.se-glare{background:linear-gradient(115deg, transparent 38%, rgba(255,255,255,.35) 49%, transparent 61%)}
.se-intro{color:rgba(43,42,34,.78)}
.se-line{color:rgba(43,42,34,.72)}
.se-desc{color:rgba(122,94,46,.75)}
.se-ad-cap,.se-plate-no{color:#fff; text-shadow:0 1px 10px rgba(0,0,0,.55)}
.se-ad,.se-plate{box-shadow:inset 0 1px 0 rgba(255,255,255,.4), 0 16px 36px -20px rgba(59,47,38,.35)}
.se-ad-glass{background:linear-gradient(145deg, rgba(255,255,255,.18) 0%, transparent 34%, transparent 62%, rgba(94,123,110,.1) 100%), linear-gradient(180deg, transparent 58%, rgba(43,42,34,.35) 100%); border-color:rgba(122,94,46,.22)}
.se-plate::after{background:linear-gradient(145deg, rgba(255,255,255,.14) 0%, transparent 36%); border-color:rgba(122,94,46,.2)}
.se-listings{border-top-color:rgba(122,94,46,.22)}
.se-film-label .label{color:rgba(122,94,46,.75)}
.se-film-track{scrollbar-color:rgba(140,111,63,.45) transparent}
.se-open .label,.se-open:hover .label{color:var(--se-foam)}
.se-open:hover .label{color:var(--se-champagne)}

/* II · ethos (already light) */
.ethos{background:#FBF8F2}
.ethos-cell p{color:var(--c-mocha)}

/* III · collection */
.collection{background:var(--c-parchment)}
.collection .bg img{opacity:.22}
.coll-title{color:var(--c-espresso)}
.coll-intro{color:var(--c-coffee)}
.plate{background:var(--c-linen); border-color:rgba(110,89,54,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 18px 44px -24px rgba(59,47,38,.35), 0 0 0 1px rgba(59,47,38,.06)}
.plate::before{background:linear-gradient(135deg, rgba(255,255,255,.3) 0%, transparent 28%, transparent 72%, rgba(59,47,38,.06) 100%); opacity:.9}
.plate .pl-view{background:linear-gradient(transparent 45%, rgba(36,28,22,.45))}
.p-body .p-no{color:var(--c-olive)}
.p-name{color:var(--c-espresso)}
.p-desc{color:var(--c-mocha)}
.p-note{color:var(--c-gold)}
.p-open,.p-open:hover{color:var(--c-espresso)}
.p-open .label{color:var(--c-espresso) !important}
.p-open .arw,.p-open .arw::after{background-color:var(--c-olive); border-color:var(--c-olive)}

/* IV · study */
.study{background:var(--c-cream)}
.study .bg img{opacity:.28}
.study .bg.dark::after{background:linear-gradient(90deg, rgba(243,237,226,.7), rgba(243,237,226,.5) 45%, rgba(243,237,226,.96))}
.study-body h2{color:var(--c-espresso)}
.study-body .lede{color:var(--c-coffee)}
.engrave{background:rgba(250,247,241,.7); border-color:rgba(110,89,54,.24)}
.engrave .label{color:var(--c-olive)}
.engrave p{color:var(--c-coffee)}

/* V · measure */
.measure .bg img{opacity:.35}
.measure .bg.dark::after{background:linear-gradient(162deg, rgba(243,237,226,.96) 0%, rgba(243,237,226,.84) 46%, rgba(243,237,226,.7) 100%)}
.meas-title{color:var(--c-espresso)}
.meas-lede{color:var(--c-coffee)}
.meas-card{background:rgba(250,247,241,.78); border-color:rgba(110,89,54,.24); box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 18px 40px -28px rgba(59,47,38,.35)}
.meas-card::before{opacity:.06; mix-blend-mode:multiply}
.meas-k{color:var(--c-olive)}
.meas-card h3{color:var(--c-espresso)}
.meas-note{color:var(--c-mocha)}
.meas-us{color:var(--c-latte)}
.meas-mm,.meas-hand-sample{color:var(--c-espresso)}
.meas-w-label,.meas-hand-name,.meas-swatch .label{color:var(--c-mocha)}
.meas-karat-note{color:var(--c-coffee)}
.meas-cta .eyebrow{color:var(--c-olive)}
.meas-cta-line{color:var(--c-coffee)}
.meas-cta-btn{color:var(--c-olive-deep); border-color:rgba(95,100,68,.45);
  background:linear-gradient(180deg, rgba(255,255,255,.6), rgba(233,225,209,.7)); box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 12px 28px -18px rgba(59,47,38,.35)}
.meas-cta-btn:hover{border-color:rgba(95,100,68,.7); color:var(--c-olive-deep); background:linear-gradient(180deg, rgba(255,255,255,.75), rgba(233,225,209,.85))}

/* V · inheritance (light plaster) */
.inh-sub{color:var(--c-mocha)}

/* VII · commission + footer */
.commission{background:var(--c-parchment)}
.commission .bg img{opacity:.22}
.comm-title{color:var(--c-espresso)}
.comm-sub{color:var(--c-coffee)}
.comm-input{color:var(--c-espresso); border-bottom-color:rgba(110,89,54,.5)}
.comm-input::placeholder{color:var(--c-latte)}
.comm-input:focus{border-bottom-color:var(--c-olive)}
.comm-note{color:var(--c-mocha)}
/* the footer is the one coffee room: espresso ground, sage headings, cream type */
.foot{--eon-bone:#EFE7D8; --eon-ash:rgba(233,225,209,.62); --eon-gold-type:var(--c-gold-light); background:linear-gradient(180deg, var(--c-coffee), var(--c-espresso)); border-top:0; color:var(--c-parchment)}
.foot-col h3.foot-h,.foot-col h4{color:var(--c-sage)}
.foot-col a,.foot-col p{color:rgba(243,237,226,.86)}
.foot-col p[style]{color:rgba(243,237,226,.62) !important}
.foot-col a:hover{color:#FFFFFF}
.foot-bottom{color:rgba(233,225,209,.6); border-top-color:rgba(233,225,209,.16)}
.foot-bottom .serif{color:var(--c-gold-light) !important}
.menu-head svg [fill="#E9E2D3"],.menu-head svg [fill="#e9e2d3"]{fill:var(--c-espresso)}

/* piece overlay */
.piece-ov{background:radial-gradient(80% 60% at 50% 0%, rgba(95,100,68,.08), transparent 55%), rgba(243,237,226,.94)}
.piece-ov::before{opacity:.05; mix-blend-mode:multiply}
.piece-ov-close{background:rgba(59,47,38,.04); border-color:rgba(110,89,54,.3); color:var(--c-espresso)}
.piece-ov-close:hover{color:var(--c-olive-deep); border-color:rgba(95,100,68,.6); background:rgba(95,100,68,.08)}
.ov-main{background:var(--c-linen); border-color:rgba(110,89,54,.24); box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 20px 50px -28px rgba(59,47,38,.4)}
.ov-thumbs button{background:var(--c-linen)}
.ov-thumbs button.active,.ov-thumbs button:hover{border-color:var(--c-olive)}
.ov-body .ov-no{color:var(--c-olive)}
.ov-body h2{color:var(--c-espresso)}
.ov-body .ov-desc{color:var(--c-mocha)}
.ov-body .ov-note{color:var(--c-gold)}
.ov-body .ov-p{color:var(--c-coffee)}
.ov-metal.sel{box-shadow:inset 0 -4px 8px -2px rgba(0,0,0,.5), inset 0 2px 4px -1px rgba(255,255,255,.55), 0 0 0 1px var(--c-cream), 0 0 0 2px var(--c-olive)}

/* storefront panel + bag */
.buy{border-top-color:rgba(110,89,54,.22)}
.buy--wait{color:var(--c-mocha)}
.buy-opt .label{color:var(--c-olive)}
.buy-val{color:var(--c-coffee); border-color:rgba(110,89,54,.3)}
.buy-val:hover{border-color:rgba(95,100,68,.7); color:var(--c-olive-deep)}
.buy-val.sel{color:#FBF8F2; background:var(--c-olive-deep); border-color:var(--c-olive-deep)}
.buy-price{color:var(--c-espresso)}
.buy-warn{color:var(--c-mocha)}
.bag-scrim{background:rgba(59,47,38,.4)}
.bag-panel{background:var(--c-cream); border-left-color:rgba(110,89,54,.24); box-shadow:-40px 0 90px -30px rgba(59,47,38,.4)}
.bag-head,.bag-foot{border-color:rgba(110,89,54,.18)}
.bag-head .label,.bag-total .label{color:var(--c-olive)}
.bag-close{color:var(--c-coffee)} .bag-close:hover{color:var(--c-olive-deep)}
.bag-empty,.bag-note,.bag-line-opt,.bag-qty{color:var(--c-mocha)}
.bag-line{border-bottom-color:rgba(110,89,54,.14)}
.bag-line-title{color:var(--c-espresso)}
.bag-line-price,.bag-sum{color:var(--c-espresso)}
.bag-qty button{border-color:rgba(110,89,54,.3)}
.bag-qty button:hover{border-color:rgba(95,100,68,.7); color:var(--c-olive-deep)}
.bag-checkout{color:#FBF8F2; background:var(--c-olive-deep)}
[data-bag-count]{color:#FBF8F2; background:var(--c-olive-deep)}

/* ==========================================================================
   Static pages (collection, product, guides, policy): body.page-lite
   Their inline sheets set the dark register on plain element selectors;
   these later rules win at equal specificity.
   ========================================================================== */
.page-lite{background:var(--c-cream); color:var(--c-coffee)}
.page-lite a{color:var(--c-gold)}
.page-lite a:hover{color:var(--c-olive-deep)}
.page-lite .top .mark,.page-lite h1,.page-lite h2,.page-lite h3{color:var(--c-espresso)}
.page-lite .top{color:var(--c-mocha)}
.page-lite nav.bc{color:var(--c-latte)}
.page-lite .lede{color:var(--c-coffee)}
.page-lite .plain{color:var(--c-olive)}
.page-lite .selection-help{color:var(--c-mocha)}
.page-lite .card{background:var(--c-linen); border-color:rgba(110,89,54,.22); box-shadow:0 1px 0 rgba(255,255,255,.8) inset, 0 14px 34px -26px rgba(59,47,38,.35)}
.page-lite .card:hover{border-color:var(--c-olive)}
.page-lite .card img{background:var(--c-parchment)}
.page-lite .card h2{color:var(--c-espresso)}
.page-lite .card p{color:var(--c-mocha)}
.page-lite .card .go{color:var(--c-olive-deep)}
.page-lite .hero{background:var(--c-parchment); border-color:rgba(110,89,54,.2)}
.page-lite .price{color:var(--c-espresso)}
.page-lite .price span{color:var(--c-gold)}
.page-lite .spec{border-bottom-color:rgba(110,89,54,.18)}
.page-lite .spec .k{color:var(--c-latte)}
.page-lite .spec .v{color:var(--c-espresso)}
.page-lite .note{border-left-color:var(--c-olive); color:var(--c-mocha)}
.page-lite .cta{color:var(--c-olive-deep); border-color:rgba(95,100,68,.5); background:rgba(250,247,241,.6)}
.page-lite .cta:hover{border-color:var(--c-olive-deep); background:var(--c-olive-wash); color:var(--c-olive-deep)}
.page-lite .cta.solid{background:var(--c-olive-deep); color:#FBF8F2; border-color:var(--c-olive-deep)}
.page-lite .cta.solid:hover{background:var(--c-olive); color:#FBF8F2}
.page-lite .ethos-line{color:var(--c-gold)}
.page-lite footer{border-top-color:rgba(95,100,68,.35); color:var(--c-mocha)}
.page-lite footer a{color:var(--c-mocha)}
.page-lite footer a:hover{color:var(--c-olive-deep)}
.page-lite blockquote,.page-lite .callout,.page-lite .tip{border-color:var(--c-olive); color:var(--c-mocha)}
.page-lite table{border-color:rgba(110,89,54,.2)}
.page-lite th{color:var(--c-latte)}
.page-lite td{color:var(--c-coffee); border-color:rgba(110,89,54,.16)}
.page-lite .buy{border-top-color:rgba(110,89,54,.22)}

/* a quiet all-bands lead used on the static pages */
.page-lite .all-bands-lead{margin:0 0 clamp(24px,4vw,40px); padding:16px 20px; border:1px solid rgba(95,100,68,.3); border-radius:4px; background:var(--c-olive-wash); font-size:14.5px; color:var(--c-coffee)}
.page-lite .all-bands-lead a{color:var(--c-olive-deep); font-family:'Cinzel',serif; font-size:11px; letter-spacing:.18em; text-transform:uppercase; margin-left:10px; white-space:nowrap}