:root{--font-ui:var(--font-inter),Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:var(--font-jetbrains-mono),"JetBrains Mono",ui-monospace,"Cascadia Code",Consolas,monospace;--font-inter:var(--font-ui);--font-jakarta:var(--font-ui);--font-jetbrains:var(--font-mono);--bg:#FAFAF7;--surface:#FFFFFF;--surface-raised:#F5F5F2;--border:#E7E5E4;--border-strong:#D6D3D1;--border-interactive:#A8A29E;--text-primary:#1C1917;--text-muted:#57534E;--text-soft:#6B6560;--accent:#0F766E;--accent-hover:#0B5C56;--accent-soft:#CCFBF1;--on-accent:#FFFFFF;--highlight:#B45309;--accent-from:#6366F1;--accent-to:#22D3EE;--accent-gradient:linear-gradient(135deg,var(--accent-from),#4F8BF5 46%,var(--accent-to));--focus:#0F766E;--focus-ring:0 0 0 3px rgb(15 118 110/14%);--severity-breaking:#F43F5E;--severity-warning:#F59E0B;--severity-safe:#10B981;--severity-info:#38BDF8;--severity-breaking-bg:#FFF1F2;--severity-breaking-border:#FECDD3;--severity-breaking-text:#9F1239;--severity-warning-bg:#FFFBEB;--severity-warning-border:#FDE68A;--severity-warning-text:#92400E;--severity-safe-bg:#ECFDF5;--severity-safe-border:#A7F3D0;--severity-safe-text:#065F46;--severity-info-bg:#F0F9FF;--severity-info-border:#BAE6FD;--severity-info-text:#075985;--on-tint-breaking:#BE123C;--on-tint-warning:#B45309;--on-tint-safe:#047857;--on-tint-info:#0369A1;--radius-control:6px;--radius-card:10px;--radius-panel:14px;--shadow-floating:0 12px 32px rgb(28 25 23/8%),0 4px 12px rgb(28 25 23/6%);--shadow-overlay:0 24px 64px rgb(28 25 23/14%),0 6px 18px rgb(28 25 23/8%);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--text-12:12px;--text-13:13px;--text-14:14px;--text-16:16px;--text-20:20px;--text-28:28px;--text-40:40px;--leading-12:1.35;--leading-13:1.45;--leading-14:1.5;--leading-16:1.6;--leading-20:1.4;--leading-28:1.2;--leading-40:1.08;--sidebar-w:260px;--sidebar-rail-w:56px;--topbar-h:56px;--control-h:36px;--control-h-sm:32px;--measure:66ch;--duration-fast:120ms;--duration-base:170ms;--ease-out:cubic-bezier(.2,.75,.25,1);color-scheme:light}[data-theme=dark]{--bg:#0B0F19;--surface:#111827;--surface-raised:#1A2235;--border:#263045;--border-strong:#334155;--border-interactive:#54617A;--text-primary:#E5E7EB;--text-muted:#94A3B8;--text-soft:#8A9AB0;--accent:#22D3EE;--accent-hover:#06B6D4;--accent-soft:#1E3A4A;--on-accent:#06121B;--highlight:#F59E0B;--focus:#22D3EE;--focus-ring:0 0 0 3px rgb(34 211 238/26%);--severity-breaking-bg:#2A1220;--severity-breaking-border:#6B1A2E;--severity-breaking-text:#FDA4AF;--severity-warning-bg:#2A1F0A;--severity-warning-border:#7A4A0A;--severity-warning-text:#FCD34D;--severity-safe-bg:#0A2218;--severity-safe-border:#14532D;--severity-safe-text:#6EE7B7;--severity-info-bg:#0E1E2E;--severity-info-border:#1E3A5F;--severity-info-text:#7DD3FC;--on-tint-breaking:#F43F5E;--on-tint-warning:#F59E0B;--on-tint-safe:#10B981;--on-tint-info:#38BDF8;--shadow-floating:0 16px 40px rgb(0 0 0/32%),0 4px 12px rgb(0 0 0/24%);--shadow-overlay:0 32px 80px rgb(0 0 0/44%),0 8px 24px rgb(0 0 0/32%);color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#0B0F19;--surface:#111827;--surface-raised:#1A2235;--border:#263045;--border-strong:#334155;--border-interactive:#54617A;--text-primary:#E5E7EB;--text-muted:#94A3B8;--text-soft:#8A9AB0;--accent:#22D3EE;--accent-hover:#06B6D4;--accent-soft:#1E3A4A;--on-accent:#06121B;--highlight:#F59E0B;--focus:#22D3EE;--focus-ring:0 0 0 3px rgb(34 211 238/26%);--severity-breaking-bg:#2A1220;--severity-breaking-border:#6B1A2E;--severity-breaking-text:#FDA4AF;--severity-warning-bg:#2A1F0A;--severity-warning-border:#7A4A0A;--severity-warning-text:#FCD34D;--severity-safe-bg:#0A2218;--severity-safe-border:#14532D;--severity-safe-text:#6EE7B7;--severity-info-bg:#0E1E2E;--severity-info-border:#1E3A5F;--severity-info-text:#7DD3FC;--on-tint-breaking:#F43F5E;--on-tint-warning:#F59E0B;--on-tint-safe:#10B981;--on-tint-info:#38BDF8;--shadow-floating:0 16px 40px rgb(0 0 0/32%),0 4px 12px rgb(0 0 0/24%);--shadow-overlay:0 32px 80px rgb(0 0 0/44%),0 8px 24px rgb(0 0 0/32%);color-scheme:dark}}@media (pointer:coarse){:root{--control-h:44px;--control-h-sm:40px}}