:root{
/* --- base palette --- */
--up-pink:#ff2f92;--up-pink-600:#d81f78;--up-pink-200:#ffd0e8;
--up-cyan:#22e2e2;--up-cyan-600:#0fb0b0;--up-cyan-200:#cdfaf9;
--up-yellow:#ffcf1e;--up-yellow-600:#e0a900;--up-yellow-200:#fff2bd;
--up-violet:#7b3ff2;--up-violet-600:#5e28c9;--up-violet-200:#e6dbff;
--up-green:#35a447;--up-green-600:#237a32;--up-green-200:#d9f2dd;
--up-red:#e8412a;--up-red-600:#b82f1b;--up-red-200:#ffdad2;
--up-ink-900:#111217;--up-ink-800:#1c1e24;--up-ink-700:#26282f;
--up-ink-600:#4a4d55;--up-ink-400:#8a8d95;--up-ink-200:#d7d7db;--up-ink-100:#eeeeef;
--up-paper:#faf8f3;--up-white:#ffffff;
/* --- semantic surfaces (dark-first brand) --- */
--surface-page:var(--up-ink-900);
--surface-raised:var(--up-ink-800);
--surface-card:var(--up-ink-700);
--surface-inverse:var(--up-paper);
--border-subtle:rgba(255,255,255,.08);
--border-strong:rgba(255,255,255,.18);
--border-inverse:rgba(17,18,23,.12);
/* --- semantic text --- */
--text-primary:var(--up-white);
--text-secondary:var(--up-ink-200);
--text-muted:var(--up-ink-400);
--text-inverse:var(--up-ink-900);
--text-inverse-muted:var(--up-ink-600);
/* --- semantic accents --- */
--accent-primary:var(--up-pink);
--accent-primary-hover:var(--up-pink-600);
--accent-secondary:var(--up-cyan);
--accent-secondary-hover:var(--up-cyan-600);
--accent-warning:var(--up-yellow);
--accent-danger:var(--up-red);
--accent-success:var(--up-green);
/* --- zone colors: one per Urban Playground activity --- */
--zone-skatepark:var(--up-violet);
--zone-esports:var(--up-cyan);
--zone-soccer:var(--up-red);
--zone-dance:var(--up-pink);
--zone-fashion:var(--up-yellow);
}