/* Exact type roles and base colors from AI Pushka style.css (gray/mint design).
   Loaded last: page-specific legacy selectors must not change these roles. */
:root,html[data-theme]{--bg:#e5e5e2!important;--ink:#141611!important;--muted:#55594f!important;--mint:#d1ffca!important;--line:#c5c8be!important;--white:#fafbf7!important;--paper:#fafbf7!important;--fg2:#55594f!important;--fg3:#55594f!important;--ac:#141611!important;--ac2:#141611!important;--accent:#141611!important;--accent-hover:#343e2b!important;--ac-soft:#d1ffca!important;--ac-dark-bg:#d1ffca!important;--graphite:#191d16!important;--graphite2:#191d16!important;--sunken:#e5e5e2!important;--display:'Oswald','Arial Narrow',sans-serif!important;--serif:'Oswald','Arial Narrow',sans-serif!important;--sans:'Golos Text',Arial,sans-serif!important;--mono:'JetBrains Mono',monospace!important;--text-primary:#141611!important;--text-secondary:#55594f!important;--text-muted:#55594f!important;--bg-primary:#e5e5e2!important;--bg-secondary:#fafbf7!important}
html body{background:#e5e5e2;color:#141611;font-family:'Golos Text',Arial,sans-serif!important;font-size:16px;line-height:1.5;font-feature-settings:normal;-webkit-font-smoothing:antialiased}
html body h1,html body h1 em,html body h1 strong,html body h1 b{font-family:'Oswald','Arial Narrow',sans-serif!important;font-weight:700!important;line-height:1.02!important;letter-spacing:-3.5px!important;font-style:normal;text-transform:uppercase;color:#141611}
html body h1 em{color:transparent!important;-webkit-text-stroke:1.8px #141611}
html body h2,html body h2 em,html body h2 strong{font-family:'Oswald','Arial Narrow',sans-serif!important;font-weight:600!important;line-height:1.07!important;letter-spacing:-1.5px!important;font-style:normal;text-transform:uppercase}
html body h2 em{color:inherit!important}
html body h3{font-family:'Golos Text',Arial,sans-serif!important;font-weight:500!important;line-height:1.2!important;letter-spacing:-.6px!important}
html body :is(.home-project-info,.project-body,.work,.wmin,.card) h3{font-size:24px!important}
html body :is(.home-plan h3,.ecos-plan-price,.price-number,.tier .pr){font-family:'Oswald','Arial Narrow',sans-serif!important;font-weight:600!important;letter-spacing:-2px!important}
html body :is(.hero2 .sub,.phero .lead,.phero>.shell>p,.hero .lead,.hero>.shell>p,.about-hero p){font-family:'Golos Text',Arial,sans-serif!important;font-size:16px!important;font-weight:400;line-height:1.5!important;color:#55594f}
html body :is(.hero2 .sub,.phero .lead,.hero .lead) b{font-weight:700;color:#141611}
html body :is(.kicker,.eyebrow,.home-heading .kicker,.project-category){font-family:'JetBrains Mono',monospace!important;font-weight:400!important;font-size:10px!important;line-height:1.5!important;letter-spacing:1px!important;color:#55594f}
html body .eyebrow .kicker{font:inherit!important;color:inherit!important}
html body :is(.home-plan,.tier.feat,.quizwrap,.manifesto,.final,.ai){background:#191d16;color:#f9faf6}
html body :is(.home-plan-mint,.ecos-other-plan){background:#d1ffca;color:#141611}
html body :is(.home-plan,.tier.feat,.quizwrap,.manifesto,.final,.ai) :is(h2,h3){color:#f9faf6}
html body :is(.home-plan-mint,.ecos-other-plan) :is(h2,h3){color:#141611}
html body :is(.home-plan,.tier.feat,.quizwrap,.ai) .kicker{color:#d1ffca}
html body :is(.home-plan-mint,.ecos-other-plan) .kicker{color:#141611}
html body :is(.home-case-link,.home-results small,.project-case,.ecos-other-plan p,.ecos-other-plan .ecos-plan-label){color:#141611}
html body .home-plan-mint .home-plan-terms{color:#55594f}
html body .hero2 h1{font-size:clamp(70px,7.4vw,110px)}
html body .home-heading h2{font-size:clamp(38px,4.3vw,62px)}
html body :is(.nav .brand,.site-header .logo){font-family:'Golos Text',Arial,sans-serif!important;font-weight:700;letter-spacing:-1px}
html body :is(.nav .back,.nav .nav-cta,.hero2 .b1){background:#141611;color:#fafbf7}
html body .nav-mid{background:#f2f3ee}
@media(max-width:700px){html body h1,html body h1 em,html body h1 strong,html body h1 b{letter-spacing:-2px!important;line-height:1.04!important}html body .hero2 h1{font-size:clamp(54px,15.6vw,100px)}html body .home-heading h2{font-size:clamp(36px,10vw,43px)}html body :is(.home-project-info,.project-body,.work,.wmin,.card) h3{font-size:22px!important}}

/* Mint controls remain distinct on the dark sections. */
html body .final p,html body .quizwrap .qintro{color:#c3c9bd}
html body .final .btn{background:#d1ffca;color:#141611;border-color:#d1ffca}
html body .final .btn:hover{background:#fafbf7;color:#141611;border-color:#fafbf7}
html body .faq summary::after{color:#141611}

@media(max-width:600px){html body .grid{grid-template-columns:minmax(0,1fr)}html body .hero-grid>*{min-width:0}html body .hero-grid .stats{grid-template-columns:repeat(3,minmax(0,1fr))}html body .hero-grid .stats>*{min-width:0;overflow-wrap:anywhere}}
