/* Warm theme overrides: orange and amber brand, rounded shapes. */
body{background:radial-gradient(1100px 560px at 88% -8%,color-mix(in srgb,var(--b1) 17%,transparent),transparent 62%),radial-gradient(900px 520px at -8% 6%,color-mix(in srgb,var(--b3) 11%,transparent),transparent 60%),var(--bg);background-attachment:fixed}
.brand{text-transform:none;letter-spacing:-.01em;font-weight:800;font-size:23px;background:linear-gradient(90deg,var(--b2),var(--b1) 50%,var(--b3));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero2 h1 em{background:linear-gradient(90deg,var(--b2),var(--b1) 50%,var(--b3));-webkit-background-clip:text;background-clip:text;color:transparent}
h1{letter-spacing:-.02em;font-weight:800}
.stripe{background:linear-gradient(90deg,var(--b2),var(--b1),var(--b3),var(--b1),var(--b2));background-size:200% 100%;box-shadow:0 0 16px color-mix(in srgb,var(--b1) 60%,transparent)}
.pill,.chip,.eyebrow{clip-path:none;border-radius:99px}

.btn{border-radius:10px}.btn.sm{border-radius:8px}
.btn.pri{text-transform:none;letter-spacing:0;font-size:14px;background:linear-gradient(135deg,var(--cat),color-mix(in srgb,var(--cat) 60%,var(--b3)))}
.btn.big{font-size:15px}
.steps li::before,.stage-h b{color:var(--b1)}
.stage::before{border-color:var(--b1);box-shadow:0 0 14px -2px var(--b1)}
.hsearch input{border-radius:10px}
.hsearch input:focus{border-color:var(--b1);box-shadow:0 0 0 3px color-mix(in srgb,var(--b1) 25%,transparent)}
.navlk:hover{background:color-mix(in srgb,var(--b1) 14%,transparent)}
.side-mock{border-color:color-mix(in srgb,var(--b1) 45%,var(--line));background:color-mix(in srgb,var(--b1) 10%,var(--panel))}
.net{border-color:color-mix(in srgb,var(--b2) 45%,var(--line));background:color-mix(in srgb,var(--b2) 8%,var(--panel))}
.net strong{color:color-mix(in srgb,var(--b2) 75%,var(--ink))}
.band{border-color:color-mix(in srgb,var(--b1) 45%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--b1) 20%,var(--panel)),color-mix(in srgb,var(--b3) 14%,var(--panel)))}
h2,.card h3{text-transform:none;letter-spacing:0;font-size:16px}
.sec-h h2{font-size:clamp(22px,2.6vw,30px)}
.cat{letter-spacing:.08em}
.cell b{border-radius:8px}
.tile,.start,.arow,.steps li,.demo,.board,.code,.band,.mk-topic,.mk-score,.mk-opt{border-radius:14px}
.tile .gl{border-radius:10px}
.mk-rev{border-radius:0 12px 12px 0}
