/* DON'T PANIC · EYE COMFORT MODE (astigmatism / light sensitivity).
   Light text on black halates for astigmatic eyes, so this flips the whole
   variable system to dark-on-warm-paper and removes every glow source:
   atmosphere orbs, film grain, shimmer, pulse, dark photo scrims.
   Gated on html.ec — set pre-paint from localStorage("dp_ec"), toggled
   from the landing hamburger menu. Off = zero effect, dark design untouched. */

html.ec{
  --void:#F2EDE3; --carbon:#FBF8F1; --charcoal:#F5F0E5; --line:#DCD4C4;
  --bone:#221D16; --ash:#5A5347; --fog:#8B8375;
  --copper:#8F5626; --copper-soft:#9A6330; --gold:#8A6D2C;
  --copper-hot:#A9682B; --teal:#1F8C84; --ember:#C74A2B; --green:#2E7D32;
}

/* strokes render thin when light-on-dark is antialiased; on paper let them sit full weight */
html.ec body{-webkit-font-smoothing:auto;}

/* ---------- landing: kill the glow layer ---------- */
html.ec .atmos, html.ec .grain{display:none;}
html.ec .splash{background:var(--void);}
html.ec .logo, html.ec .land-end{
  background:none;color:var(--bone);-webkit-text-fill-color:var(--bone);animation:none;}
html.ec .logo .dot, html.ec .land-end .dot{color:var(--copper);-webkit-text-fill-color:var(--copper);}
html.ec .land-tagline{background:none;color:var(--bone);-webkit-text-fill-color:var(--bone);}
html.ec .land-tagline em{background:none;color:var(--copper);-webkit-text-fill-color:var(--copper);}
html.ec .land-lead{color:#3A332A;font-weight:400;}
html.ec .land-cta .btn{color:#FFF6EA;
  box-shadow:0 0 0 1px rgba(143,86,38,.28), 0 8px 22px -12px rgba(34,29,22,.35);}
html.ec .land-cta .btn:hover{box-shadow:0 0 0 1px rgba(143,86,38,.45), 0 12px 28px -12px rgba(34,29,22,.4);}
html.ec .land-cta .btn.ghost{background:rgba(34,29,22,.04);color:var(--bone);}
html.ec .land-cta .btn.ghost:hover{color:var(--copper);}
html.ec .door:hover{border-color:#C8BCA4;}
html.ec .feat:hover{border-color:#C8BCA4;}
html.ec .feat::after{background:radial-gradient(280px circle at var(--mx,50%) var(--my,0%), rgba(143,86,38,.07), transparent 60%);}
html.ec .apex-card{border-color:#CFC0A0;
  background:radial-gradient(ellipse 60% 80% at 50% 0%, rgba(138,109,44,.10), transparent 70%),
             linear-gradient(180deg,#FAF5E9,#F4EEDF);}
html.ec .apex-card::after{box-shadow:inset 0 0 90px rgba(138,109,44,.05);}
html.ec .apex-card .btn.apex-btn{color:#FFF9EC;
  box-shadow:0 0 0 1px rgba(138,109,44,.3),0 10px 26px -12px rgba(34,29,22,.35);}
html.ec .hero-video{background:#E9E2D4;
  box-shadow:0 24px 60px -30px rgba(34,29,22,.4), 0 0 0 1px rgba(143,86,38,.18);}
html.ec .her-door:hover{border-color:#A3596F;background:rgba(163,89,111,.06);}
html.ec .her-door-cta{color:#A3596F;}
html.ec .her-door:hover .her-door-cta{color:#8E4A5E;}

/* ---------- shared chrome ---------- */
html.ec .topbar{background:rgba(251,248,241,.86);}
html.ec .botnav{background:rgba(251,248,241,.92);}
html.ec .btn, html.ec .chip.active{color:#FFF6EA;}
html.ec ::selection{color:#FFF6EA;}
html.ec .panic-trigger{color:#FFF6EA;animation:none;box-shadow:0 1px 8px rgba(199,74,43,.35);}
html.ec .avatar{color:#FFF6EA;}
html.ec .card.click:hover, html.ec .module.open:hover{border-color:#C8BCA4;}

/* ---------- app: hardcoded darks → paper ---------- */
html.ec .hero{background:radial-gradient(ellipse at 50% 35%, #EDE6D6, var(--void) 62%);}
html.ec .detail .body{color:#332C23;}
html.ec .body.md em{color:#3A332A;}
html.ec .body.md blockquote{color:#4A4238;}
html.ec .body.md tbody tr:nth-child(even){background:rgba(34,29,22,.03);}
html.ec .step .b{color:#3E362C;}
html.ec .overlay{background:rgba(246,242,234,.97);}
html.ec .panic-grid button:hover{background:#F6E9E2;color:var(--ember);border-color:var(--ember);}
html.ec .auth-modal{background:rgba(239,233,222,.85);}
html.ec .dd.hasimg::before{background:linear-gradient(180deg,rgba(251,248,241,.45) 0%,rgba(251,248,241,.94) 92%);}
html.ec .dd.hasimg.locked::before{background:linear-gradient(180deg,rgba(251,248,241,.65) 0%,rgba(251,248,241,.96) 92%);}
html.ec .dd.hasimg .t{text-shadow:none;}
html.ec .cat-hero::after{
  background:linear-gradient(180deg,transparent 42%,rgba(251,248,241,.9)),
             linear-gradient(90deg,rgba(251,248,241,.55),transparent 22%,transparent 78%,rgba(251,248,241,.55));}

/* ---------- landing menu overlay (burger stays readable both modes) ---------- */
html.ec .land-burger{background:rgba(251,248,241,.7);border-color:rgba(34,29,22,.12);}
html.ec .land-menu{background:rgba(246,242,234,.97);}