/* No Bars Club pink, yellow and blue visual system, September 2026 */
:root{
  --bg:#090b10;
  --panel:#121722;
  --panel-2:#181f2c;
  --text:#f5f7fb;
  --muted:#a8b3c7;
  --accent:#ff1493;
  --accent-2:#00a6ff;
  --accent-3:#ffd400;
  --line:#1e2633;
  --danger:#ffd400;
  --radius:18px;
  --card:#121722;
  --border:#1e2633;
}
body{
  background:
    radial-gradient(circle at 84% -12%,rgba(255,20,147,.15),transparent 32%),
    radial-gradient(circle at 2% 12%,rgba(0,166,255,.11),transparent 28%),
    radial-gradient(circle at 55% 115%,rgba(255,212,0,.035),transparent 28%),
    var(--bg);
  color:var(--text);
}
.site-header{background:rgba(9,11,16,.9);border-bottom-color:rgba(168,179,199,.14)}
.nav-links{color:#d0d7e3}
.nav-links a[aria-current="page"]{color:var(--accent);text-decoration-color:var(--accent)}
.nav-links a:hover{color:var(--accent-2)}
.menu-button{color:var(--text)}
.button.primary{background:var(--accent);color:#090b10;box-shadow:none}
.button.primary:hover{box-shadow:0 12px 32px rgba(255,20,147,.25)}
.button.secondary{background:rgba(255,255,255,.035);border-color:var(--accent-2);color:var(--text)}
.button.secondary:hover{border-color:#39b9ff;background:rgba(0,166,255,.08)}
.eyebrow{
  color:var(--accent-3);
  border-color:rgba(255,212,0,.30);
  background:rgba(255,212,0,.07)
}
h1 span{color:var(--accent)}
.lede,.cta p,.content p,.content li{color:#c1cad8}
.band{background:rgba(255,255,255,.018);border-color:var(--line)}
.card,.gear-card,.platform,.project-card,.aside-card,.guide-nav{
  background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  border-color:var(--line);
  box-shadow:0 14px 34px rgba(0,0,0,.18)
}
a.card:hover,.project-link:hover,.part-photo-card:hover{
  border-color:rgba(255,20,147,.62);
  background:rgba(255,20,147,.05)
}
.card-icon{
  color:var(--accent-3);
  border-color:rgba(255,212,0,.28);
  background:rgba(255,212,0,.08)
}
.card p,.project-body p,.platform p,.gear-card p{color:var(--muted)}
.card .arrow,.project-body .arrow,.text-link,.project-kicker{color:var(--accent-2)}
.card .arrow:hover,.project-body .arrow:hover,.text-link:hover{color:var(--accent)}
.cta{
  border-color:rgba(255,20,147,.36);
  background:linear-gradient(135deg,rgba(255,20,147,.13),rgba(0,166,255,.08))
}
.radio-card{
  border-color:#27364b;
  background:linear-gradient(145deg,rgba(0,166,255,.09),rgba(255,20,147,.035));
  box-shadow:0 30px 80px rgba(0,0,0,.38)
}
.radio-card:before{
  background:linear-gradient(transparent 96%,rgba(0,166,255,.09) 96%),linear-gradient(90deg,transparent 96%,rgba(255,20,147,.09) 96%);
  background-size:30px 30px
}
.node{background:#0d121b;border-color:#2a3a50}
.node-screen{background:#070a0f;border-color:#26364b;color:#ffd400}
.wave{border-color:rgba(0,166,255,.34)}
.wave.w2{border-color:rgba(255,20,147,.32)}
.wave.w3{border-color:rgba(255,212,0,.26)}
.led{background:var(--accent);box-shadow:0 0 18px var(--accent)}
footer{color:#9da9bc}
footer h4{color:var(--text)}
footer a:hover{color:var(--accent-2)}
.legal-note{opacity:.75}
.disclosure-inline,.notice{
  border-color:var(--accent-3);
  background:rgba(255,212,0,.065)
}
.revenue-hero{
  background:radial-gradient(circle at 82% 15%,rgba(255,20,147,.15),transparent 34%),linear-gradient(180deg,#111722,#090b10)
}
.trust-row span{border-color:var(--line);color:var(--muted)}
.lead-capture{
  border-color:rgba(255,20,147,.40);
  background:linear-gradient(135deg,rgba(255,20,147,.13),rgba(0,166,255,.08))
}
.community-hero-note{
  max-width:720px;
  margin-top:22px;
  padding:14px 16px;
  border-left:3px solid var(--accent-2);
  background:rgba(0,166,255,.07);
  color:#cbd5e3;
  border-radius:0 12px 12px 0
}
.attribution,
.source-attribution,
.creator-credit,
.credit{
  color:var(--accent-3)!important;
}
.attribution a,
.source-attribution a,
.creator-credit a,
.credit a{
  color:var(--accent-2)!important;
}
@media(max-width:850px){
  .nav-links{background:#10151f;border-color:var(--line)}
}

/* Bring older specialty layouts into the same palette */
.ct23-page,.ct24-page{background:var(--bg)!important;color:var(--text)!important}
.ct23-hero,.ct24-hero,.ct24-feature,.ct24-resource-panel,.ct24-panel,.ct24-valley-card{
  background-color:var(--bg)!important
}
.ct23-hero,.ct24-hero{
  border-color:rgba(255,20,147,.20)!important
}
.ct24-feature-card,.ct23-feature-card,.ct24-valley-card,.ct23-valley-card,.ct24-panel,.ct23-resource-panel{
  border-color:#29384c!important;
  background:linear-gradient(145deg,#121722,#0d121b)!important
}
.ct24-overline,.ct24-feature-copy>span,.ct24-divider,.ct24-panel-body h2,.ct24-valley-copy h2,
.ct24-valley-action h3,.ct24-bottom span,.ct24-bottom strong,.ct23-section-title{
  color:var(--accent)!important
}
.ct24-big-button{background:var(--accent)!important;color:#090b10!important}
.ct24-big-button.alt,.ct24-list a{background:#151d29!important;color:var(--text)!important;border-color:var(--accent-2)!important}
.ct24-list a:hover,.ct23-links a:hover{border-color:var(--accent)!important;background:rgba(255,20,147,.07)!important}
.ct24-kicker,.ct23-kicker{color:var(--accent-3)!important}
.ct24-panel.blue h2,.ct24-kicker.blue{color:var(--accent-2)!important}

.creator-priority{padding-top:42px;padding-bottom:42px}
.creator-priority .cta{background:linear-gradient(120deg,rgba(255,20,147,.17),rgba(0,166,255,.09))}
.creator-priority .cta h2{max-width:720px}

.ecosystem-card{position:relative;overflow:hidden}
.ecosystem-card:after{content:"MESHTASTIC  +  MESHCORE";position:absolute;right:18px;bottom:14px;color:rgba(168,179,199,.22);font-size:.64rem;font-weight:900;letter-spacing:.13em}
.creator-priority .cta{border-width:2px;box-shadow:0 24px 70px rgba(0,0,0,.26)}
.creator-priority .eyebrow{background:var(--accent-3);color:#090b10;border-color:var(--accent-3)}

/* Sitewide tri-color hierarchy */
a:not(.button):not(.card):not(.brand){text-decoration-color:rgba(0,166,255,.5)}
.content a,.fine-print a,.legal-note a{color:var(--accent-2)}
.content a:hover,.fine-print a:hover,.legal-note a:hover{color:var(--accent)}
.map-tab.active{background:var(--accent);color:#090b10;border-color:var(--accent)}
.checks li:before{color:var(--accent-3)}
.signal i{background:var(--accent-2)}
.signal:after{background:var(--accent)}