@layer legacy, components, layout;
:root {
 --ui-bg:#0c111a;--ui-surface:#141e2a;--ui-surface-subtle:#101923;
 --ui-surface-hover:#304155;--ui-control:#202d3c;--ui-text:#e7edf5;--ui-text-muted:#91a1b5;
 --ui-border:#283341;--ui-border-control:#61758b;--ui-accent:#b1e58b;--ui-accent-hover:#c3f19f;
 --ui-accent-ink:#192414;--ui-selected-bg:#24342e;--ui-success-text:#c4eab0;--ui-success-bg:#1b2c26;
 --ui-warning-text:#ffd399;--ui-warning-bg:#332a20;--ui-danger-text:#ffb1b1;--ui-danger-bg:#351e26;
 --ui-stage-heading:#9badc1;--ui-live:#ffa18d;--ui-backdrop:#020609c7;
 --ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;
 --ui-space-5:20px;--ui-space-6:24px;--ui-space-7:32px;--ui-space-8:40px;
 --ui-field-label-gap:var(--ui-space-2);
 --ui-radius-sm:4px;--ui-radius-control:8px;--ui-radius-panel:12px;--ui-radius-pill:999px;
 --accent:var(--ui-accent);--muted:var(--ui-text-muted);--line:var(--ui-border);
 --panel:var(--ui-surface);--panel-strong:var(--ui-control);--accent-ink:var(--ui-accent-ink);
 --danger:var(--ui-danger-text);--warning:var(--ui-warning-text);
}