:root{
/* Neutralachse — n-0 ist Reinweiß (Grundfläche), n-50 bis n-900 sind die zehn Graustufen.
   Kontrastwerte gegen #FFFFFF. Hellste zulässige Schriftfarbe: n-500. */
--n-0:#FFFFFF; /* 1,00:1 */
--n-50:#FAFBFC; /* 1,04:1 */
--n-100:#F3F5F7; /* 1,09:1 */
--n-200:#E6E9EE; /* 1,22:1 */
--n-300:#CDD2DA; /* 1,52:1 */
--n-400:#9BA3B0; /* 2,54:1 */
--n-500:#69717F; /* 4,92:1 */
--n-600:#464D5A; /* 8,50:1 */
--n-700:#272C36; /* 14,00:1 */
--n-800:#161A22; /* 17,43:1 */
--n-900:#0B0D12; /* 19,43:1 */

/* Primär Azur — 7 Stufen */
--azur-100:#E4EAFF; /* auf Weiß 1,20:1 */
--azur-200:#C3D2FF; /* auf Weiß 1,50:1 */
--azur-300:#94AEFF; /* auf Weiß 2,15:1 */
--azur-400:#4E77FF; /* auf Weiß 3,88:1 */
--azur-500:#1D4DFF; /* auf Weiß 5,90:1 */
--azur-600:#1640D6; /* auf Weiß 7,67:1 */
--azur-700:#0F2FB8; /* auf Weiß 9,91:1 */

/* Spektrum — Rollen- und Statusfarben */
--aqua-hell:#D3F7F4;
--aqua-basis:#00C8BE;
--aqua-tief:#006E69;
--aqua-dark:#5FE4DC;
--gruen-hell:#D2FAE4;
--gruen-basis:#00D26A;
--gruen-tief:#047A3C;
--gruen-dark:#4BE79A;
--amber-hell:#FFF0C7;
--amber-basis:#FFB800;
--amber-tief:#8A5600;
--amber-dark:#FFCF52;
--koralle-hell:#FFE3DA;
--koralle-basis:#FF4A1F;
--koralle-tief:#C42D0B;
--koralle-dark:#FF8A69;
--magenta-hell:#FFE0EC;
--magenta-basis:#FF1F7A;
--magenta-tief:#B00050;
--magenta-dark:#FF6BA5;

/* Semantische Aliase — Light */
--surface-page:var(--n-0);
--surface-sunken:var(--n-50);
--surface-card:var(--n-0);
--surface-raised:var(--n-0);
--surface-inverse:var(--n-900);
--border-subtle:var(--n-200);
--border-default:var(--n-300);
--border-strong:var(--n-400);
--border-focus:var(--azur-500);
--text-primary:var(--n-900);
--text-secondary:var(--n-500);
--text-muted:var(--n-500);
--text-inverse:var(--n-0);
--text-brand:var(--azur-700);
--text-link:var(--azur-700);
--text-link-hover:var(--koralle-tief);
--action-primary:var(--azur-500);
--action-primary-hover:var(--azur-600);
--action-primary-active:var(--azur-700);
--action-primary-fg:var(--n-0);
--success-surface:var(--gruen-hell);--success-basis:var(--gruen-basis);--success-text:var(--gruen-tief);
--warning-surface:var(--amber-hell);--warning-basis:var(--amber-basis);--warning-text:var(--amber-tief);
--error-surface:var(--koralle-hell);--error-basis:var(--koralle-basis);--error-text:var(--koralle-tief);
--info-surface:var(--azur-100);--info-basis:var(--azur-500);--info-text:var(--azur-700);
--focus-ring:0 0 0 3px rgba(29,77,255,.24);
}
[data-theme="dark"]{
--surface-page:#0B0D12;
--surface-sunken:#0B0D12;
--surface-card:#12151C;
--surface-raised:#1A1F29;
--surface-inverse:var(--n-0);
--border-subtle:#2B313D;
--border-default:#2B313D;
--border-strong:#3A4250;
--border-focus:#6E90FF;
--text-primary:#F3F5F7;
--text-secondary:#A8B0BC;
--text-muted:#A8B0BC;
--text-inverse:var(--n-900);
--text-brand:#94AEFF;
--text-link:#94AEFF;
--text-link-hover:#FF8A69;
--action-primary:#6E90FF;
--action-primary-hover:#94AEFF;
--action-primary-active:var(--azur-300);
--action-primary-fg:var(--n-900);
--success-surface:#0C2A1B;--success-basis:#4BE79A;--success-text:#4BE79A;
--warning-surface:#2E2205;--warning-basis:#FFCF52;--warning-text:#FFCF52;
--error-surface:#301108;--error-basis:#FF8A69;--error-text:#FF8A69;
--info-surface:#0F1B3D;--info-basis:#6E90FF;--info-text:#94AEFF;
--focus-ring:0 0 0 3px rgba(110,144,255,.34);
}