/* Heater.ee Brand System 2026 поверх kliima.css: токены бренда, без градиентов, Inter, шапка/футер. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400..800&display=swap');

:root{
  --bg:#f7f1eb; --srf:#fff; --ink:#17313b; --mut:#4b5f6a; --bd:#e9e0d6;
  --blue:#3d8fc4; --cyan:#3d8fc4; --green:#2e9c72; --gold:#a2600a; --red:#ff5b22;
  --cold:#3d8fc4; --near:#a89f95; --warm:#ff5b22; --dry:#a2600a; --wet:#3d8fc4;
  --sh:0 2px 8px rgba(23,49,59,.05); --sh2:0 10px 26px rgba(23,49,59,.08);
  --ice:#eaf4fa; --brand:#ff5b22;
}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;padding-top:0}
h1,h2,h3{letter-spacing:-.02em}

/* карта: рейка под шапкой (58px) */
.k-rail{top:58px;height:calc(100vh - 58px)}
.k-rail a.on{background:var(--ice)}
.k-rail a.k-rl-r.on{background:var(--ice)}
.k-rail a:hover{background:#f3ece4}

/* hero без радиального градиента и без градиентного текста */
.k-hero{background:var(--ice)}
.k-hero h1{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--ink);-webkit-text-fill-color:var(--ink)}
.k-dot{background:var(--green);box-shadow:0 0 0 3px rgba(46,156,114,.18)}

/* активные пилюли/табы — сплошной Climate Blue */
.k-regions a.on,.kp-tabs button.on{background:var(--blue);color:#fff;border-color:transparent}
.k-regions a:hover,.kp-tabs button:hover,.kp-i:hover{border-color:var(--blue)}
.k-mini i{background:var(--blue)}
.kp-side{background:var(--ink);box-shadow:none}
.kp-i-now{background:#fff;border-color:var(--bd)}
.kp-i b.v-warm,.kp-ar.v-warm,.kp-i i.v-warm{color:var(--brand)}
.kp-i b.v-cold,.kp-ar.v-cold{color:var(--blue)}
.kp-i i.v-ok{color:var(--green)}
.kp-more,.k-rail a.on{color:var(--blue)}
.k-role.main{background:var(--ice);color:var(--blue)}
.k-role.risk{background:#fff2ea;color:var(--brand)}
.k-pill.high{background:#e3f4ea;color:var(--green);border-color:#bfe3cf}
.k-pill.medium{background:#fff4e2;color:#a2600a;border-color:#f4dcb4}
.k-band{padding:52px 44px}
.k-band.alt{background:var(--bg)}
.k-learn{background:#fff}

/* шапка heater */
.hh{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--bd)}
.hh-in{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 24px}
.hh-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;font-size:21px;letter-spacing:-.03em}
.hh-logo svg{flex:0 0 auto}
.hh-logo b{color:var(--brand)}
.hh-nav{display:none;align-items:center;gap:2px;font-size:13.5px}
@media(min-width:960px){.hh-nav{display:flex}}
.hh-nav a{padding:6px 11px;border-radius:8px;color:var(--mut);text-decoration:none}
.hh-nav a:hover{color:var(--ink)}
.hh-nav a.on{background:#fff2ea;color:var(--brand);font-weight:600}
.hh-nav a.hh-lang{margin-left:4px;padding:5px 9px;font-size:12px;font-weight:700;border:1px solid var(--bd);color:var(--mut)}
.hh-nav a.hh-lang:hover{color:var(--brand);border-color:var(--brand);background:none}
.hh-m{position:relative}
@media(min-width:960px){.hh-m{display:none}}
.hh-m summary{list-style:none;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--bd);border-radius:8px;font-size:18px;color:var(--ink)}
.hh-m summary::-webkit-details-marker{display:none}
.hh-m nav{position:absolute;right:0;top:calc(100% + 8px);width:230px;background:#fff;border:1px solid var(--bd);border-radius:14px;box-shadow:var(--sh2);padding:8px;display:flex;flex-direction:column;z-index:40}
.hh-m nav a{padding:9px 12px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:14px}
.hh-m nav a:hover{background:var(--bg)}

/* футер heater */
.hf{margin-top:40px;border-top:1px solid var(--bd);background:#fff;padding:40px 24px 24px;font-size:14px;color:var(--mut)}
.hf-in{max-width:1240px;margin:0 auto;display:grid;gap:28px}
@media(min-width:720px){.hf-in{grid-template-columns:1.3fr 1fr 1fr}}
.hf-logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:18px;letter-spacing:-.03em;color:var(--ink)}
.hf-logo b{color:var(--brand)}
.hf-tag{margin-top:4px;font-size:12px;font-weight:700;color:var(--green)}
.hf-p{margin:10px 0 0;font-size:13px;max-width:44ch}
.hf-h{font-weight:700;color:var(--ink);margin-bottom:8px}
.hf a{display:block;color:var(--mut);text-decoration:none;font-size:13px;padding:3px 0}
.hf a:hover{color:var(--brand)}
.hf-bot{max-width:1240px;margin:28px auto 0;padding-top:16px;border-top:1px solid #f3ece4;text-align:center;font-size:12px;color:#a89f95}

/* мобильно: рейка не sticky в узком экране (как в kliima) */
@media(max-width:900px){.k-rail{position:static;height:auto;width:auto;flex:0 0 auto;border-right:0;border-bottom:1px solid var(--bd);padding:16px 20px}.k-shell{flex-direction:column}.k-band,.k-hero,.k-regions{padding-left:20px;padding-right:20px}}

/* preflight-komp: ühine Astro-šapp toob Tailwind preflighti — taastame kliima sisu vaikimisi tüpograafia */
.k-main h1,.kw h1{font-size:2rem;font-weight:800;line-height:1.15}.k-main h2,.kw h2{font-size:1.4rem;font-weight:800}.k-main h3,.kw h3{font-size:1.1rem;font-weight:700}
.k-main ul,.k-main ol{padding-left:1.2rem}.k-main ul{list-style:disc}.k-main ol{list-style:decimal}
.k-main a{color:var(--brand)}