:root{
--ink-0:#0a0c0f;--ink-1:#101317;--ink-2:#181c21;--ink-3:#20252b;--ink-4:#262b31;--ink-5:#333941;
--fog-1:#f4f5f6;--fog-2:#c7ccd2;--fog-3:#a8adb5;--fog-4:#7b818a;--fog-5:#565c65;
--smoke-400:#f6a94f;--smoke-500:#e8891a;--smoke-600:#c96f0e;--smoke-700:#a3590a;
--sky-500:#4a90d9;--sky-600:#3a75b3;
--aqi-good:#4caf6d;--aqi-moderate:#d9c22e;--aqi-usg:#e8891a;--aqi-unhealthy:#d64545;--aqi-very-unhealthy:#8b3fa0;--aqi-hazardous:#6b2140;
--surface-canvas:var(--ink-0);--surface-app:var(--ink-1);--surface-panel:var(--ink-2);--surface-panel-raised:var(--ink-3);--surface-inset:var(--ink-0);
--surface-accent:var(--smoke-500);--surface-accent-hover:var(--smoke-400);--surface-accent-active:var(--smoke-600);
--border-hairline:var(--ink-4);--border-strong:var(--ink-5);--border-accent:var(--smoke-500);
--text-primary:var(--fog-1);--text-secondary:var(--fog-3);--text-tertiary:var(--fog-4);--text-on-accent:#1a1206;--text-link:var(--sky-500);--text-link-hover:#6ba8e6;
--focus-ring:var(--sky-500);
}