:root {
--canvas: #f2f6f8;
--surface: #ffffff;
--surface-2: #e8f0f4;
--border: #d1dfe5;
--border-strong: #8095a1;
--ink: #142c3a;
--muted: #526772;
--accent: #006b83;
--accent-hover: #005569;
--accent-ink: #ffffff;
--accent-text: #00657b;
--accent-strong: #00556b;
--accent-soft: #dff3f6;
--accent-border: #81c3cf;
--success: #16734c;
--success-ink: #ffffff;
--success-soft: #e2f3e9;
--success-strong: #165d3e;
--warning: #965410;
--warning-ink: #ffffff;
--warning-soft: #fff1da;
--warning-strong: #78400b;
--danger: #b02b3f;
--danger-ink: #ffffff;
--danger-soft: #fce6ea;
--danger-strong: #922438;
--chart-1: #006b83;
--chart-2: #16734c;
--chart-3: #965410;
--chart-4: #b02b3f;
--chart-5: #5b57a0;
--chart-6: #526772;
--font-display: "Inter Variable", system-ui, sans-serif;
--font-body: "Inter Variable", system-ui, sans-serif;
--font-sans: "Inter Variable", system-ui, sans-serif;
--font-mono: "JetBrains Mono Variable", monospace;
--display-weight: 650;
--display-tracking: -0.035em;
--eyebrow-tracking: 0.08em;
--radius-btn: 0.75rem;
--radius-card: 1.25rem;
--radius-input: 0.75rem;
}
html[data-theme="dark"] {
--canvas: #101c24;
--surface: #172832;
--surface-2: #20343f;
--border: #344c59;
--border-strong: #6c8694;
--ink: #edf5f8;
--muted: #adc1cb;
--accent: #74d4e4;
--accent-hover: #9be4ee;
--accent-ink: #10232c;
--accent-text: #8cdcea;
--accent-strong: #a9e6ee;
--accent-soft: #183f4b;
--accent-border: #4d8e9c;
--success: #16734c;
--success-ink: #ffffff;
--success-soft: #193c30;
--success-strong: #a0dfba;
--warning: #965410;
--warning-ink: #ffffff;
--warning-soft: #40301b;
--warning-strong: #f7d198;
--danger: #b02b3f;
--danger-ink: #ffffff;
--danger-soft: #442731;
--danger-strong: #f7b6c2;
--chart-1: #006b83;
--chart-2: #16734c;
--chart-3: #965410;
--chart-4: #b02b3f;
--chart-5: #5b57a0;
--chart-6: #526772;
--font-display: "Inter Variable", system-ui, sans-serif;
--font-body: "Inter Variable", system-ui, sans-serif;
--font-sans: "Inter Variable", system-ui, sans-serif;
--font-mono: "JetBrains Mono Variable", monospace;
--display-weight: 650;
--display-tracking: -0.035em;
--eyebrow-tracking: 0.08em;
--radius-btn: 0.75rem;
--radius-card: 1.25rem;
--radius-input: 0.75rem;
}
.diagnostic { overflow: auto; max-height: 24rem; white-space: pre-wrap; overflow-wrap: anywhere; background: var(--surface-2); color: var(--ink); padding: 1rem; border-radius: var(--radius-input); font-family: var(--font-mono); font-size: 0.75rem; }