:root{
/* Base palette, Make AI Act uses EU blue + white only; yellow is a rare accent */
--blue:#003399;--blue-hover:#002B80;--blue-deep:#001A4D;--white:#FFFFFF;--yellow:#FFCC00;--yellow-hover:#F0BF00;
/* Tints (derived from blue, flat, never gradients) */
--tint-05:#F0F3FA;--tint-10:#E0E7F5;--line:#BFCCEA;
/* Semantic, text */
--text-primary:var(--blue);--text-inverse:var(--white);--text-muted:#41539B;--text-on-yellow:var(--blue-deep);
/* Semantic, surfaces */
--surface-page:var(--white);--surface-brand:var(--blue);--surface-card:var(--white);--surface-tint:var(--tint-05);--surface-accent:var(--yellow);
/* Semantic, interactive */
--action-primary:var(--blue);--action-primary-hover:var(--blue-hover);--action-accent:var(--yellow);--action-accent-hover:var(--yellow-hover);--focus-ring:var(--yellow);
/* Severity (diagnosis results), stays in palette: ok=outline, attention=yellow, risk=solid blue */
--sev-ok-bg:var(--white);--sev-ok-border:var(--blue);--sev-ok-text:var(--blue);
--sev-attention-bg:var(--yellow);--sev-attention-border:var(--blue-deep);--sev-attention-text:var(--blue-deep);
--sev-risk-bg:var(--blue);--sev-risk-border:var(--blue-deep);--sev-risk-text:var(--white);
/* Borders */
--border-color:var(--blue);
}