:root{
/* Brand base */
--pace-volt:#d3de24;--pace-white:#ffffff;--pace-black:#000000;--pace-grey:#a6a6a6;
/* Volt ramp */
--volt-300:#e4ec6a;--volt-400:#dbe445;--volt-500:#d3de24;--volt-600:#b8c21a;--volt-700:#8f9714;
/* Neutral ramp (dark-first) */
--ink-1000:#000000;--ink-950:#0a0a0a;--ink-900:#111111;--ink-850:#171717;--ink-800:#1f1f1f;--ink-700:#2b2b2b;--ink-600:#3d3d3d;--ink-500:#5c5c5c;--ink-400:#7d7d7d;--ink-300:#a6a6a6;--ink-200:#cfcfcf;--ink-100:#ececec;--ink-0:#ffffff;
/* Semantic status (functional only, never decorative) */
--status-live:#ff3b30;--status-success:#34c759;--status-warning:#ffb020;
/* Semantic aliases */
--surface-page:var(--ink-1000);--surface-section:var(--ink-950);--surface-card:var(--ink-900);--surface-raised:var(--ink-850);--surface-hover:var(--ink-800);--surface-inverse:var(--ink-0);--surface-accent:var(--pace-volt);
--text-primary:var(--ink-0);--text-secondary:var(--ink-300);--text-muted:var(--ink-400);--text-inverse:var(--ink-1000);--text-on-accent:var(--ink-1000);--text-accent:var(--pace-volt);
--border-subtle:#ffffff14;--border-default:#ffffff26;--border-strong:#ffffff59;--border-accent:var(--pace-volt);
--accent:var(--pace-volt);--accent-hover:var(--volt-400);--accent-press:var(--volt-600);
--overlay-scrim:rgba(0,0,0,.6);--overlay-photo:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.85) 100%); /* @kind color */
}