:root{
  --q8-ink:#0e2e30;            
  --q8-ink-2:#4a5f60;          
  --q8-ink-3:#7d8c8b;          
  --q8-teal:#0b3537;           
  --q8-teal-2:#0f4447;         
  --q8-teal-3:#175659;         
  --q8-teal-line:rgba(255,255,255,.10);
  --q8-lime:#e8dc3a;           
  --q8-lime-2:#f3ea7a;         
  --q8-lime-soft:#f7f0a6;      
  --q8-red:#d9472f;            
  --q8-red-soft:#fbe3dc;
  --q8-green:#2f9e6b; --q8-green-soft:#dff3e8;
  --q8-blue:#3b6fe0; --q8-blue-soft:#e3ebfb;
  --q8-orange:#ea7a2a; --q8-orange-soft:#fde9d8;
  --q8-cream:#efeadf;          
  --q8-cream-2:#e7e1d3;        
  --q8-card:#fffdf8;           
  --q8-line:rgba(14,46,48,.10);
  --q8-hero:linear-gradient(135deg,#f0c75f 0%,#eed784 45%,#efeadf 100%);
  --q8-r-xl:28px; --q8-r-lg:22px; --q8-r-md:16px; --q8-r-sm:12px; --q8-pill:999px;
  --q8-shadow:0 1px 2px rgba(14,46,48,.06),0 8px 24px rgba(14,46,48,.06);
  --q8-shadow-lg:0 2px 6px rgba(14,46,48,.08),0 20px 48px rgba(14,46,48,.12);
  --q8-gap:24px; --q8-pad:20px;
  --q8-font:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --q8-display:'Inter Tight','Inter',system-ui,sans-serif;
}
body.sport-pickleball{ --q8-lime:#e8382b; --q8-lime-2:#f39b8e; --q8-lime-soft:#fde0da; }
:root[data-theme="dark"]{
  --q8-ink:#f2eee7; --q8-ink-2:#c3cdcb; --q8-ink-3:#93a3a1;
  --q8-cream:#0a2224; --q8-cream-2:#0f2d30; --q8-card:#123638; --q8-line:rgba(255,255,255,.10);
  --q8-hero:linear-gradient(135deg,#3d3a16 0%,#173b3c 60%,#0a2224 100%);
}
.q8-title{font:800 44px/1.02 var(--q8-display);letter-spacing:-.035em;color:var(--q8-ink);margin:0}
.q8-title mark{background:var(--q8-teal);color:var(--q8-lime);padding:0 .18em .04em;border-radius:12px;margin:0 .04em}
.q8-title.alt mark{background:var(--q8-lime);color:var(--q8-teal)}
.q8-sub{color:var(--q8-ink-2);font-size:14px;margin:6px 0 0}
.q8-card{background:var(--q8-card);border-radius:var(--q8-r-lg);box-shadow:var(--q8-shadow);padding:var(--q8-pad)}
.q8-card.dark{background:var(--q8-teal-2);color:#f2eee7}
.q8-card.lime{background:var(--q8-lime);color:var(--q8-teal)}
.q8-pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:var(--q8-pill);background:var(--q8-card);color:var(--q8-ink);font:600 13px var(--q8-font);border:1px solid var(--q8-line)}
.q8-pill.on{background:var(--q8-teal);color:#fff;border-color:transparent}
.q8-pill.lime{background:var(--q8-lime);color:var(--q8-teal);border-color:transparent}
.q8-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:var(--q8-pill);font:700 14px var(--q8-font);background:var(--q8-lime);color:var(--q8-teal);border:0;cursor:pointer}
.q8-btn.dark{background:var(--q8-teal);color:#fff}.q8-btn.ghost{background:var(--q8-card);color:var(--q8-ink);border:1px solid var(--q8-line)}.q8-btn.red{background:var(--q8-red);color:#fff}
.q8-chip{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:var(--q8-pill);font:700 11px var(--q8-font);background:var(--q8-cream-2);color:var(--q8-ink-2)}
.q8-chip.lime{background:var(--q8-lime-soft);color:var(--q8-teal)}.q8-chip.green{background:var(--q8-green-soft);color:var(--q8-green)}.q8-chip.red{background:var(--q8-red-soft);color:var(--q8-red)}.q8-chip.blue{background:var(--q8-blue-soft);color:var(--q8-blue)}.q8-chip.dark{background:var(--q8-teal);color:var(--q8-lime)}
.q8-kpi b{display:block;font:800 34px/1 var(--q8-display);letter-spacing:-.03em}.q8-kpi small{color:var(--q8-ink-3);font-size:12px}