/* GUSTS.AI warm palette v1 — friendly pastel accents on top of electric blue. Loaded after motion.css. */
:root{--mute:#676d84;--cream:#fff8ef;--cream2:#fff3e6;--acc:var(--pri);
--c-coral:#ff9a76;--c-sun:#ffcc4d;--c-pink:#ff94bd;--c-mint:#5fd3a6;--c-lav:#b9a3ff;--c-blue:#7b93ff;
--m-glow1:rgba(255,154,118,.30);--m-glow2:rgba(185,163,255,.30);--m-glow3:rgba(255,204,77,.26);--m-glow4:rgba(255,148,189,.24)}
[data-theme=dark]{--mute:#8a90a3;--cream:#141419;--cream2:#17161b;
--c-coral:#c2694a;--c-sun:#b08a2a;--c-pink:#b85583;--c-mint:#2f9c76;--c-lav:#7d66c9;--c-blue:#5e73d9;
--m-glow1:rgba(194,105,74,.20);--m-glow2:rgba(125,102,201,.22);--m-glow3:rgba(176,138,42,.14);--m-glow4:rgba(184,85,131,.16)}
/* six hues: fg (AA text) / tint / deco */
.h0{--hf:#1a3cff;--ht:#eef1ff;--hd:#7b93ff}.h1{--hf:#b4380a;--ht:#ffede4;--hd:#ff9a76}.h2{--hf:#0a7a57;--ht:#dcf8ea;--hd:#5fd3a6}
.h3{--hf:#8a5a00;--ht:#fff3c9;--hd:#ffcc4d}.h4{--hf:#6a3fd1;--ht:#efe9ff;--hd:#b9a3ff}.h5{--hf:#be185d;--ht:#ffe6f0;--hd:#ff94bd}
[data-theme=dark] .h0,[data-theme=dark].h0{--hf:#8fa3ff;--ht:#1a1f3a;--hd:#5e73d9}[data-theme=dark] .h1,[data-theme=dark].h1{--hf:#ffab8a;--ht:#2b1b14;--hd:#c2694a}
[data-theme=dark] .h2,[data-theme=dark].h2{--hf:#5fd3a6;--ht:#10281f;--hd:#2f9c76}[data-theme=dark] .h3,[data-theme=dark].h3{--hf:#ffd36b;--ht:#2a2310;--hd:#b08a2a}
[data-theme=dark] .h4,[data-theme=dark].h4{--hf:#c1aeff;--ht:#221c3a;--hd:#7d66c9}[data-theme=dark] .h5,[data-theme=dark].h5{--hf:#ff9ac4;--ht:#2c1522;--hd:#b85583}
/* station pages: the whole page adopts its station hue for accents */
html.st .kicker{--acc:var(--hf)}
.kicker{color:var(--acc)}
.sec.hue .kicker{--acc:var(--hf)}
html.st .lb h2 small,html.st .lx aside a.on,html.st .crumb a{color:var(--hf)}html.st .lx aside a.on{border-color:var(--hd)}
html.st ol.out li:before{color:var(--hf);background:var(--ht)}
html.st .metabar span{border-color:color-mix(in srgb,var(--hd) 55%,var(--line));background:color-mix(in srgb,var(--ht) 60%,transparent)}
html.st .lb h1:after{content:"";display:block;width:72px;height:6px;margin-top:14px;border-radius:6px;background:linear-gradient(90deg,var(--hd),color-mix(in srgb,var(--hd) 35%,transparent))}
html.st .lb .pain div:before{color:var(--hf)}

/* warm sections: cream alternating with white */
main>.sec:nth-of-type(odd){background:var(--cream)}
.sec{border-top-color:color-mix(in srgb,var(--c-coral) 18%,var(--line))}
.ft{background:var(--cream2);margin-top:0;border-top-color:color-mix(in srgb,var(--c-coral) 22%,var(--line))}
.hero{background:linear-gradient(180deg,color-mix(in srgb,var(--cream2) 70%,var(--bg)),var(--bg) 85%)}
.m-sky:after{content:"";position:absolute;width:30vw;height:30vw;max-width:420px;max-height:420px;right:26%;top:-18%;border-radius:50%;background:radial-gradient(closest-side,var(--m-glow4),transparent);animation:m-drift-b 27s ease-in-out -6s infinite alternate}
.m-sky i:nth-child(3){bottom:-30%}

/* doodles */
.m-doodles{position:absolute;inset:0;pointer-events:none;z-index:0}
.m-doodles svg{position:absolute;overflow:visible;animation:m-bob 6s ease-in-out infinite alternate}
.m-doodles svg:nth-child(2){animation-duration:7.5s;animation-delay:-2s}.m-doodles svg:nth-child(3){animation:m-twinkle 3.6s ease-in-out infinite}
.m-doodles svg:nth-child(4){animation-duration:8s;animation-delay:-4s}.m-doodles svg:nth-child(5){animation:m-twinkle 4.2s ease-in-out -1s infinite}
.m-paused .m-doodles svg,.m-paused .m-sky:after{animation-play-state:paused}
@media(max-width:900px){.m-doodles svg:is(:nth-child(1),:nth-child(3),:nth-child(4)){display:none}}

/* colorful cards */
.card.hue{background:linear-gradient(180deg,color-mix(in srgb,var(--ht) 70%,var(--card)) 0,var(--card) 58%);border-color:color-mix(in srgb,var(--hd) 30%,var(--line))}
.card.hue:hover{border-color:color-mix(in srgb,var(--hd) 70%,var(--line))}
.card.hue .ico{background:var(--ht);color:var(--hf);border-radius:16px 16px 16px 6px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--hd) 55%,transparent);position:relative}
.card.hue .ico:after{content:"";position:absolute;right:-4px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--hd);box-shadow:0 0 0 3px var(--card)}
.card.hue .tag.s{background:var(--ht);color:var(--hf)}
.card.hue .more{color:var(--hf)}
.card.hue .kicker{--acc:var(--hf)}
a.card.hue:hover{box-shadow:0 22px 44px -26px color-mix(in srgb,var(--hd) 85%,transparent),var(--sh)}
.card.hue .meta{background:color-mix(in srgb,var(--ht) 55%,var(--bg2))}
.item.hue{border-top:4px solid var(--hd)}.item.hue h4{color:var(--hf)}
.acard.hue{border-left:4px solid var(--hd)}.acard.hue .n{color:var(--hf)}
.stats div:nth-child(1){background:#eef1ff}.stats div:nth-child(2){background:#ffede4}.stats div:nth-child(3){background:#dcf8ea}.stats div:nth-child(4){background:#fff3c9}
.stats div:nth-child(1) small{color:#1a3cff}.stats div:nth-child(2) small{color:#b4380a}.stats div:nth-child(3) small{color:#0a7a57}.stats div:nth-child(4) small{color:#8a5a00}
[data-theme=dark] .stats div:nth-child(1){background:#1a1f3a}[data-theme=dark] .stats div:nth-child(2){background:#2b1b14}[data-theme=dark] .stats div:nth-child(3){background:#10281f}[data-theme=dark] .stats div:nth-child(4){background:#2a2310}
[data-theme=dark] .stats div:nth-child(1) small{color:#8fa3ff}[data-theme=dark] .stats div:nth-child(2) small{color:#ffab8a}[data-theme=dark] .stats div:nth-child(3) small{color:#5fd3a6}[data-theme=dark] .stats div:nth-child(4) small{color:#ffd36b}
.stats div{border-color:transparent}

/* chips */
.chip.hue{border-color:color-mix(in srgb,var(--hd) 45%,var(--line))}
.chip.hue:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--hd);margin-right:7px;vertical-align:1px}
.chip.hue.on{background:var(--hf);border-color:var(--hf);color:#fff;box-shadow:0 8px 18px -10px var(--hf)}
[data-theme=dark] .chip.hue.on{color:#0e0f12}
.chip.hue.on span{color:inherit;opacity:.8}.chip.hue.on:before{background:currentColor}

/* roadmap: each station its own colour */
.map>a.hue{border-top-color:color-mix(in srgb,var(--hd) 45%,var(--line))}
.map>a.hue i{color:var(--hf)}
.map>a.hue.cur{background:var(--ht);border-color:var(--hd)}
.map>a.hue.cur:after{color:var(--hf)}
.map>a.hue:hover{background:color-mix(in srgb,var(--ht) 65%,transparent)}
.map>a.hue.m-done:before{background:var(--hd)}
.map>a.hue>i:before{background:var(--hd)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--hd) 28%,transparent),0 0 16px var(--hd)!important}
.map>a.hue>i:after{border-color:var(--hd)!important}

/* flip cards */
.cc.hue .f{background:var(--ht);border-color:color-mix(in srgb,var(--hd) 45%,var(--line))}
.cc.hue .f small,.cc.hue .bk small{color:var(--hf)}
.cc.hue .bk{border-color:color-mix(in srgb,var(--hd) 45%,var(--line))}
.cc.hue .f:before{content:"";position:absolute;right:14px;top:14px;width:26px;height:26px;border-radius:50% 50% 50% 8px;background:var(--hd);opacity:.55}

/* friendly buttons & misc */
.b:not(.p):hover{background:color-mix(in srgb,var(--c-sun) 14%,var(--card))}
.quote{background:color-mix(in srgb,var(--c-sun) 16%,var(--card));border-left-color:var(--c-coral)}
.deliver{background:color-mix(in srgb,var(--c-mint) 18%,var(--card))}
.edge{border-left-color:var(--c-sun)}
.pain div{background:color-mix(in srgb,var(--c-coral) 10%,var(--bg2))}
.logo i{background:conic-gradient(from 200deg,var(--pri),var(--c-lav),var(--c-pink),var(--c-coral),var(--c-sun),var(--c-mint),var(--pri))}
.m-bar{background:linear-gradient(90deg,var(--pri),var(--c-lav),var(--c-pink),var(--c-coral),var(--c-sun))}
.m-slot:after{background:linear-gradient(90deg,var(--c-coral),var(--c-sun),var(--c-pink));opacity:.45}
::selection{background:color-mix(in srgb,var(--c-sun) 45%,transparent)}