/* ADHDwear brand system (Oct 2026): dark, neon cyan/magenta glitch, streetwear flat. Loaded after each page's own styles so it wins the cascade. */
:root{
  --bg:#0B0B0E;--surface:#141419;--surface2:#1C1C23;--line:rgba(255,255,255,.10);--line2:rgba(255,255,255,.18);
  --text:#FAFAFB;--text2:#C9C9D4;--mute:#8A8A96;--cyan:#21D4DE;--magenta:#D32489;--white:#FAFAFB;--violet:#8B7BFF;
  --display:"Archivo Black",Impact,"Arial Black",sans-serif;--label:"Montserrat","Helvetica Neue",Arial,sans-serif;--sans:"Manrope","Helvetica Neue",Arial,sans-serif;
  /* legacy token names used by the page stylesheets, remapped */
  --cream:var(--bg);--cream2:var(--surface2);--ink:var(--text);--ink2:var(--text2);--sun:var(--cyan);--coral:var(--magenta);--teal:var(--cyan);--sky:var(--cyan);--lilac:var(--violet);--mint:var(--cyan);
  --head:var(--display);--body:var(--sans);--r:18px;
  color-scheme:dark;
}
html{background:var(--bg)}
body{background:var(--bg);color:var(--text);font-family:var(--sans)}
h1,h2,h3,h4{font-family:var(--display);font-weight:400;letter-spacing:-.01em;color:var(--text)}
h1{text-transform:uppercase;letter-spacing:-.02em;line-height:.92}
h1 .hl,.glitch{background:none;padding:0;text-shadow:-3px 0 var(--cyan),3px 0 var(--magenta)}
.hl{background:none;padding:0;color:var(--cyan)}
h1 .hl{color:inherit}
@media (prefers-reduced-motion:no-preference){
  h1:hover .hl,.glitch:hover{animation:glitch .35s steps(2,end) 1}
  @keyframes glitch{0%{text-shadow:-3px 0 var(--cyan),3px 0 var(--magenta)}50%{text-shadow:3px 0 var(--cyan),-3px 0 var(--magenta)}100%{text-shadow:-3px 0 var(--cyan),3px 0 var(--magenta)}}
}
.c-coral,.c-magenta{color:var(--magenta)}.c-teal,.c-cyan,.c-sky,.c-lilac{color:var(--cyan)}
.lede{color:var(--text2);font-weight:500}
.small,.muted,.fine{color:var(--mute)}
a{color:inherit}
::selection{background:var(--magenta);color:#fff}
/* labels */
.eyebrow,.num,.tag,.kicker{font-family:var(--label);font-weight:800;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;background:transparent;color:var(--cyan);border:1px solid rgba(33,212,222,.45);border-radius:999px;padding:6px 12px}
.eyebrow[style*="--coral"]{color:var(--magenta)!important;border-color:rgba(211,36,137,.6);background:transparent!important}
/* nav bar */
.bar{background:rgba(11,11,14,.84);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);color:var(--text)}
.bar a{color:var(--text)}
.bar nav a,.bar .right a,.bar .ctr{font-family:var(--label);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.bar nav a.on{color:var(--cyan)}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--label);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text)}
.brand i{display:none}
.brand img{height:32px;width:auto;display:block}
.brand .muted,.brand span{font-family:var(--label);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
/* buttons */
.btn,.btn.coral,.btn.ink,.cartbtn,.prod .go,.wl button,.sp button{background:var(--magenta);color:#fff;border:1.5px solid var(--magenta);font-family:var(--label);font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;box-shadow:none;border-radius:999px;transition:background .15s,border-color .15s,color .15s}
.btn:hover,.cartbtn:hover,.prod .go:hover,.wl button:hover,.sp button:hover{background:transparent;border-color:var(--cyan);color:var(--cyan)}
.btn.ghost,.btn.white{background:transparent;color:var(--text);border:1.5px solid var(--line2);box-shadow:none}
.btn.ghost:hover{border-color:var(--text);color:var(--text)}
.btn.teal,.btn.cyan{background:var(--cyan);color:#0B0B0E;border-color:var(--cyan)}
.btn.teal:hover{background:transparent;color:var(--cyan)}
.btn.on{background:var(--white);color:#0B0B0E;border-color:var(--white)}
.btn:disabled{opacity:.5}
.prod .go{border-radius:999px}
.prod.hot .go{background:var(--cyan);color:#0B0B0E;border-color:var(--cyan)}
.cartbtn b{background:var(--cyan);color:#0B0B0E}
/* surfaces */
.card,.prod,.step,.msg,.pill,.note,.chip,details,.tbl,.install,.rem,.pl,.cartbox,.voice,.bubble,.line,.ear,.fig,.viewer,.renders a,.tees a,.collage a,.phone .scr,.mbox,.drawer,.sheet,.stat,.code,.wl,.card.warn,.card.ok,.card.soft,.card.copy,.ask,pre{background:var(--surface);color:var(--text);box-shadow:none;border:1px solid var(--line)}
.card.warn{border-color:rgba(211,36,137,.5)}.card.ok{border-color:rgba(33,212,222,.5)}.card.soft,.card.copy{border-style:dashed}
.card p,.step p,details p,.prod .tag{color:var(--text2)}
.card .ico{background:var(--surface2);border:1px solid var(--line)}
.card.sun .ico,.card.coral .ico,.card.teal .ico,.card.sky .ico,.card.lilac .ico{background:var(--surface2)}
.card h3,.step h3,.prod h3{color:var(--text)}
.sec.alt,.slide:nth-child(even){background:#0F0F13}
.sec{border-color:var(--line)}
.step .k{color:var(--magenta);text-shadow:-2px 0 var(--cyan),2px 0 var(--magenta);font-family:var(--display)}
.msg{color:var(--text)}
.msg.me{background:var(--magenta);border-color:var(--magenta);color:#fff}
.msg.buzz{background:rgba(33,212,222,.14);border-color:rgba(33,212,222,.5);color:var(--cyan)}
.msg small,.msg.me small{color:rgba(255,255,255,.65)}
.pill b,.note b{color:var(--cyan)}
.collage a img,.prod img,.tees img,.line img,.mbox img,.sp img,.renders img,.renders video{border-radius:12px}
.prod img,.collage a img,.tees img,.sp img{border-bottom:1px solid var(--line)}
.collage .lbl{background:rgba(11,11,14,.86);color:var(--text);border:1px solid var(--line);font-family:var(--label);font-weight:700;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.collage .lbl b{color:var(--cyan)}
.price,.big,.tot,.prod .price{font-family:var(--display);font-weight:400;color:var(--text)}
.price small,.prod .price small{font-family:var(--label);color:var(--mute);letter-spacing:.1em}
select,input[type=text],input[type=email],input[type=password],input[type=search],textarea,.sum input{background:var(--surface2);color:var(--text);border:1.5px solid var(--line2);font-family:var(--sans)}
select:focus,input:focus,textarea:focus{border-color:var(--cyan);outline:none}
option{color:#111;background:#fff}
summary{color:var(--text);font-family:var(--display);font-weight:400}
.tbl th,.tbl td{border-color:var(--line)}
.tbl tr:first-child th{background:var(--surface2);color:var(--mute);font-family:var(--label);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}
.tbl tr.total td{background:var(--magenta);color:#fff}
.tbl td:first-child{color:var(--text)}
code{background:var(--surface2);color:var(--cyan)}
.blob{display:none}
footer{color:var(--mute);border-top:1px solid var(--line);font-family:var(--label);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}
footer a{color:var(--text2)}
footer .badge{height:44px;width:44px;display:inline-block;vertical-align:middle;margin-right:12px}
.toast{background:var(--white);color:#0B0B0E;box-shadow:none;border:1px solid var(--line)}
/* waitlist block */
.wl{background:var(--surface);border:1px solid var(--line);color:var(--text)}
.wl h2{color:var(--text)}.wl p{color:var(--text2)}.wl small{color:var(--mute)}
.wl input[type=email]{background:var(--surface2);color:var(--text);border:1.5px solid var(--line2)}
.wl .wl-msg{color:var(--cyan)}
.wl .eyebrow{color:var(--magenta);border-color:rgba(211,36,137,.6)}
/* landing phone mock */
.phone{background:var(--surface2);border:1px solid var(--line2);box-shadow:none}
.phone .scr{background:var(--bg);border:0}
.phone .scr::before{background:var(--surface2)}
.phone .top{font-family:var(--label);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.holdbtn{background:var(--magenta);box-shadow:0 0 0 14px rgba(211,36,137,.18),0 0 0 28px rgba(211,36,137,.07);font-family:var(--display);font-weight:400}
/* store drawer / modal */
.ovl,.modal{background:rgba(0,0,0,.6)}
.drawer header{color:var(--text)}.drawer header button{color:var(--text)}
.sum{border-color:var(--line)}
.qty button{background:var(--surface2);color:var(--text)}
.err{background:rgba(211,36,137,.15);color:#FF7ACB}
.mbox .close{background:var(--surface2);color:var(--text);border:1px solid var(--line2);box-shadow:none}
.box li::before{color:var(--cyan)}
.chip{border:1px solid var(--line2);font-family:var(--label);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}
/* hardware / plan page helpers */
.fig,.fig.light,.viewer{background:var(--surface)}
.fig svg{background:#FFF7EC;border-radius:12px}
.vcanvas{background:#FFF7EC}
.vcanvas .hint{background:rgba(255,255,255,.8);color:#23203A}
.vctl{border-color:var(--line)}
.swatch{border-color:var(--surface)}.swatch.on{box-shadow:0 0 0 3px var(--cyan)}
.parts span,.flow .st{background:var(--surface2);color:var(--text2)}
.flow .st b{color:var(--text)}
.kv b{color:var(--text2)}
.est{background:rgba(33,212,222,.12);color:var(--cyan)}
.check li::before{border-color:var(--line2);background:var(--surface2)}
.stat .n{font-family:var(--display);font-weight:400}.stat .l{font-family:var(--label);color:var(--mute)}
.p-paid{background:rgba(33,212,222,.16);color:var(--cyan)}.p-shipped{background:rgba(139,123,255,.18);color:#B3A8FF}.p-refunded{background:rgba(211,36,137,.2);color:#FF7ACB}.p-on_hold{background:rgba(255,255,255,.12);color:var(--text)}
.ok{color:var(--cyan)}.bad{color:#FF7ACB}
#login{background:var(--surface)}