/* THEME: WCPL scoreboard — electric violet · scoreboard gold · green (from the user's 2026-09-27 photos) */
:root { --v: #9449FD; --v2: #6A24D6; --vd: #2A0B52; --vdd: #1B0638; --gold2: #F2B01E; --gold3: #FFD24A; --grn: #1F8A4C; --white: #FFFFFF; }
body { background: var(--vdd); color: #F3ECFF; }
h1, h2, h3 { color: var(--gold3); }
a { color: var(--gold3); }
.eyebrow { color: #7CF0B0; }
.nav { background: var(--gold2); border-bottom: 3px solid var(--grn); }
.brand b, .links a { color: var(--vd); }
.brand small { color: var(--v2); }
.brand img { border-color: var(--vd); }
.links a.cta { background: var(--vd); color: var(--gold3); }
.burger { background: var(--vd); color: var(--gold3); }
.hero { background: linear-gradient(135deg, var(--v) 0%, var(--v2) 55%, var(--vd) 100%); }
.grid-bg { background-image: linear-gradient(#fff 1px, transparent 1px), linear-gradient(90deg, #fff 1px, transparent 1px); opacity: .08; }
.pill { background: var(--gold2); color: var(--vd); border-color: var(--gold2); font-weight: 700; }
.hero h1 { color: var(--gold3); text-shadow: 0 4px 24px rgba(0, 0, 0, .35); }
.tag { color: #fff; }
.btn { background: var(--gold2); color: var(--vd); border-color: var(--gold3); box-shadow: 0 6px 24px rgba(242, 176, 30, .35); }
.btn.ghost { background: transparent; color: #fff; border-color: #fff; }
.stats { background: var(--grn); }
.stats b { color: #fff; }
.stats span { color: #D6FFE6; }
.sec.alt { background: linear-gradient(135deg, var(--vd), #3B0F78); }
.about-img img { border-color: var(--gold2); }
.about-txt .sub { color: #C9A7FF; }
.about-txt .vision { border-left-color: var(--gold2); }
.card { background: rgba(148, 73, 253, .16); border-color: var(--gold2); color: #F3ECFF; }
.card h3, .price { color: var(--gold3); }
.lvl { background: var(--grn); color: #fff; }
.card.pop { background: var(--v); }
.badge { background: var(--grn); color: #fff; border-color: #fff; }
.pay, .members-card { background: rgba(255, 255, 255, .06); border-color: var(--gold2); color: #F3ECFF; }
.mono { background: rgba(242, 176, 30, .18); }
.sched { background: rgba(255, 255, 255, .05); border-color: var(--gold2); }
.sched th { background: var(--gold2); color: var(--vd); }
.sched tr:nth-child(even) td { background: rgba(31, 138, 76, .22); }
.note { color: #D2BCFF; }
.timeline li { background: rgba(148, 73, 253, .18); border-left-color: var(--grn); }
.timeline li b { color: var(--gold3); }
.timeline span { color: #D2BCFF; }
.gallery img { border-color: var(--gold2); }
.form label { color: var(--gold3); }
.form input, .form select, .form textarea { background: #fff; color: var(--vd); border-color: var(--gold2); }
.foot { background: var(--vd); border-top: 3px solid var(--gold2); }
.foot img { border-color: var(--gold2); }
@media (max-width: 760px) { .links { background: var(--gold2); border-bottom-color: var(--grn); } }