:root{--c-white:#fff;--c-black:#000;--c-carbon:#0a0a0a;--c-storm:#1a2a3a;--c-storm-night:#142434;--c-storm-deep:#1c2e44;--c-storm-mid:#4a6a8a;--c-storm-light:#6a8aaa;--c-sky-pale:#eef7ff;--c-sky-tint:#e8f0f8;--c-sky-wash:#e0ebf5;--c-sky-mist:#d6e5f2;--c-sky-soft:#c8d8e8;--c-sky-haze:#bcd2e8;--c-sky-steel:#b8cce0;--c-sky-bright:#b6d6f0;--c-sky-dusk:#b0c8de;--c-sky-grey:#a8c0d8;--c-sky:#b0d2ef;--c-sky-lift:#bcd9f1;--c-sky-deep:#8bb8de;--c-sky-dark:#71a3d0;--c-ink:#2d2d5a;--c-ink-deep:#1a1a40;--c-gold:#c9a86c;--c-cream:#f5ecd7;--c-bolt:#f0e44a;--c-glow:#ffdc64;--c-ember:#ff781e;--c-flame:#ff3c0a;--c-scorch:#b41e00;--c-go:#2ecc71;--c-stop:#f36;--c-stop-soft:#ff9d9d;--c-caution-surface:#fff6e0;--c-caution-line:#e0c890;--c-caution-ink:#6b4a10}
:root{--c-black-a20:color-mix(in srgb, var(--c-black) 20%, transparent);--c-black-a30:color-mix(in srgb, var(--c-black) 30%, transparent);--c-black-a35:color-mix(in srgb, var(--c-black) 35%, transparent);--c-black-a40:color-mix(in srgb, var(--c-black) 40%, transparent);--c-black-a50:color-mix(in srgb, var(--c-black) 50%, transparent);--c-black-a55:color-mix(in srgb, var(--c-black) 55%, transparent);--c-black-a60:color-mix(in srgb, var(--c-black) 60%, transparent);--c-black-a92:color-mix(in srgb, var(--c-black) 92%, transparent);--c-bolt-a40:color-mix(in srgb, var(--c-bolt) 40%, transparent);--c-bolt-a50:color-mix(in srgb, var(--c-bolt) 50%, transparent);--c-bolt-a70:color-mix(in srgb, var(--c-bolt) 70%, transparent);--c-bolt-a90:color-mix(in srgb, var(--c-bolt) 90%, transparent);--c-carbon-a60:color-mix(in srgb, var(--c-carbon) 60%, transparent);--c-ember-a18:color-mix(in srgb, var(--c-ember) 18%, transparent);--c-flame-a12:color-mix(in srgb, var(--c-flame) 12%, transparent);--c-glow-a08:color-mix(in srgb, var(--c-glow) 8%, transparent);--c-glow-a20:color-mix(in srgb, var(--c-glow) 20%, transparent);--c-glow-a25:color-mix(in srgb, var(--c-glow) 25%, transparent);--c-glow-a50:color-mix(in srgb, var(--c-glow) 50%, transparent);--c-glow-a60:color-mix(in srgb, var(--c-glow) 60%, transparent);--c-gold-a35:color-mix(in srgb, var(--c-gold) 35%, transparent);--c-gold-a40:color-mix(in srgb, var(--c-gold) 40%, transparent);--c-ink-a04:color-mix(in srgb, var(--c-ink) 4%, transparent);--c-ink-a05:color-mix(in srgb, var(--c-ink) 5%, transparent);--c-ink-a08:color-mix(in srgb, var(--c-ink) 8%, transparent);--c-ink-a10:color-mix(in srgb, var(--c-ink) 10%, transparent);--c-ink-a12:color-mix(in srgb, var(--c-ink) 12%, transparent);--c-ink-a14:color-mix(in srgb, var(--c-ink) 14%, transparent);--c-ink-a15:color-mix(in srgb, var(--c-ink) 15%, transparent);--c-ink-a20:color-mix(in srgb, var(--c-ink) 20%, transparent);--c-ink-a25:color-mix(in srgb, var(--c-ink) 25%, transparent);--c-ink-a30:color-mix(in srgb, var(--c-ink) 30%, transparent);--c-ink-a50:color-mix(in srgb, var(--c-ink) 50%, transparent);--c-ink-a55:color-mix(in srgb, var(--c-ink) 55%, transparent);--c-ink-a60:color-mix(in srgb, var(--c-ink) 60%, transparent);--c-ink-a62:color-mix(in srgb, var(--c-ink) 62%, transparent);--c-ink-a70:color-mix(in srgb, var(--c-ink) 70%, transparent);--c-ink-a90:color-mix(in srgb, var(--c-ink) 90%, transparent);--c-scorch-a20:color-mix(in srgb, var(--c-scorch) 20%, transparent);--c-sky-deep-a90:color-mix(in srgb, var(--c-sky-deep) 90%, transparent);--c-sky-a08:color-mix(in srgb, var(--c-sky) 8%, transparent);--c-sky-a15:color-mix(in srgb, var(--c-sky) 15%, transparent);--c-sky-a25:color-mix(in srgb, var(--c-sky) 25%, transparent);--c-sky-a40:color-mix(in srgb, var(--c-sky) 40%, transparent);--c-sky-a45:color-mix(in srgb, var(--c-sky) 45%, transparent);--c-sky-a50:color-mix(in srgb, var(--c-sky) 50%, transparent);--c-sky-a70:color-mix(in srgb, var(--c-sky) 70%, transparent);--c-sky-a80:color-mix(in srgb, var(--c-sky) 80%, transparent);--c-sky-mist-a85:color-mix(in srgb, var(--c-sky-mist) 85%, transparent);--c-sky-soft-a08:color-mix(in srgb, var(--c-sky-soft) 8%, transparent);--c-sky-soft-a10:color-mix(in srgb, var(--c-sky-soft) 10%, transparent);--c-sky-soft-a20:color-mix(in srgb, var(--c-sky-soft) 20%, transparent);--c-sky-soft-a25:color-mix(in srgb, var(--c-sky-soft) 25%, transparent);--c-sky-soft-a28:color-mix(in srgb, var(--c-sky-soft) 28%, transparent);--c-sky-soft-a55:color-mix(in srgb, var(--c-sky-soft) 55%, transparent);--c-storm-a16:color-mix(in srgb, var(--c-storm) 16%, transparent);--c-storm-a25:color-mix(in srgb, var(--c-storm) 25%, transparent);--c-storm-a35:color-mix(in srgb, var(--c-storm) 35%, transparent);--c-storm-a50:color-mix(in srgb, var(--c-storm) 50%, transparent);--c-storm-a60:color-mix(in srgb, var(--c-storm) 60%, transparent);--c-storm-a72:color-mix(in srgb, var(--c-storm) 72%, transparent);--c-storm-a90:color-mix(in srgb, var(--c-storm) 90%, transparent);--c-storm-deep-a35:color-mix(in srgb, var(--c-storm-deep) 35%, transparent);--c-white-a05:color-mix(in srgb, var(--c-white) 5%, transparent);--c-white-a10:color-mix(in srgb, var(--c-white) 10%, transparent);--c-white-a15:color-mix(in srgb, var(--c-white) 15%, transparent);--c-white-a20:color-mix(in srgb, var(--c-white) 20%, transparent);--c-white-a25:color-mix(in srgb, var(--c-white) 25%, transparent);--c-white-a30:color-mix(in srgb, var(--c-white) 30%, transparent);--c-white-a40:color-mix(in srgb, var(--c-white) 40%, transparent);--c-white-a45:color-mix(in srgb, var(--c-white) 45%, transparent);--c-white-a50:color-mix(in srgb, var(--c-white) 50%, transparent);--c-white-a55:color-mix(in srgb, var(--c-white) 55%, transparent);--c-white-a60:color-mix(in srgb, var(--c-white) 60%, transparent);--c-white-a65:color-mix(in srgb, var(--c-white) 65%, transparent);--c-white-a70:color-mix(in srgb, var(--c-white) 70%, transparent);--c-white-a75:color-mix(in srgb, var(--c-white) 75%, transparent);--c-white-a80:color-mix(in srgb, var(--c-white) 80%, transparent);--c-white-a85:color-mix(in srgb, var(--c-white) 85%, transparent);--c-white-a90:color-mix(in srgb, var(--c-white) 90%, transparent);--c-white-a95:color-mix(in srgb, var(--c-white) 95%, transparent)}
:root{--surface-page:var(--c-storm);--surface-sky:var(--c-sky);--surface-sky-soft:var(--c-sky-pale);--surface-card:var(--c-sky-pale);--surface-ghost:var(--c-sky-tint);--surface-bar:var(--c-sky-deep);--surface-inverse:var(--c-storm);--text-on-dark:var(--c-white);--text-on-light:var(--c-ink);--text-heading:var(--c-ink);--text-accent:var(--c-gold);--text-quiet:var(--c-storm-mid);--line-hairline:color-mix(in srgb, var(--c-ink) 8%, transparent);--line-soft:color-mix(in srgb, var(--c-ink) 12%, transparent);--line-strong:color-mix(in srgb, var(--c-ink) 20%, transparent);--state-ok:var(--c-go);--state-error:var(--c-stop);--state-error-soft:var(--c-stop-soft);--flag-surface:var(--c-caution-surface);--flag-line:var(--c-caution-line);--flag-ink:var(--c-caution-ink)}