:root{
/* Marke – aus dem Logo gesampelt */
--navy-950:#081D2C;
--navy-900:#0A2233;
--navy-800:#10344D;
--navy-700:#14607E;
--teal-600:#1591AC;
--cyan-400:#2BBFD4;
--cyan-200:#7FD9E6;
--orange-500:#F9A70B;
--orange-600:#DE9302;
/* Neutral – kühles Grau mit Navy-Stich */
--gray-25:#F9FBFC;
--gray-50:#F5F9FA;
--gray-100:#F2F7F9;
--gray-200:#E4EBEF;
--gray-300:#D7E3E9;
--gray-400:#AFC2CD;
--gray-500:#7A93A3;
--gray-600:#41586A;
/* Status */
--success-500:#1E9E6A;
--success-50:#E8F6F0;
--error-500:#D64545;
--error-50:#FBEDED;
--warning-500:#F9A70B;
--warning-50:#FEF5E2;
--info-500:#1591AC;
--info-50:#E7F6F9;
/* Verläufe */
--grad-brand:linear-gradient(120deg,#0A2233 0%,#10344D 45%,#14607E 80%,#1591AC 105%); /* @kind other */
--grad-logo:linear-gradient(90deg,#10344D 0%,#1591AC 55%,#2BBFD4 100%); /* @kind other */
--grad-accent:linear-gradient(90deg,#1591AC,#2BBFD4); /* @kind other */
/* Semantik – hell (Standard) */
--surface-page:#FFFFFF;
--surface-card:var(--gray-50);
--surface-sunken:var(--gray-100);
--surface-dark:var(--navy-950);
--surface-dark-card:#0C2739;
--text-heading:var(--navy-900);
--text-body:var(--gray-600);
--text-muted:var(--gray-500);
--text-inverse:#FFFFFF;
--text-inverse-muted:#9DB4C2;
--text-on-dark-soft:#B8CBD6;
--accent:var(--teal-600);
--accent-strong:var(--navy-800);
--cta:var(--orange-500);
--cta-hover:var(--orange-600);
--text-on-cta:var(--navy-900);
--border-subtle:var(--gray-200);
--border-strong:var(--gray-300);
--border-on-dark:rgba(43,191,212,.15);
--focus-ring:0 0 0 3px rgba(43,191,212,.35);
}