:root{
/* Markenrot — exakt aus dem RDN-Logo gemessen (205,23,26) */
--rdn-red:#CD171A;
--rdn-red-hover:#B51417;
--rdn-red-press:#9C1114;
--rdn-red-tint:rgba(205,23,26,.10);

/* Anthrazit — Grundfläche für Hero & dunkle Sektionen */
--anthrazit-950:#121314;
--anthrazit-900:#1A1B1D;
--anthrazit-800:#242528;
--anthrazit-700:#33353A;
--anthrazit-600:#4A4C52;

/* Warmes Hellgrau — Inhaltsflächen */
--white:#FFFFFF;
--warm-50:#F6F4F1;
--warm-100:#EDEAE5;
--warm-200:#DEDAD3;
--warm-300:#C9C3BA;
--warm-500:#8E887F;

/* Text */
--ink-900:#141516;
--ink-600:#55565B;
--paper-100:#FFFFFF;
--paper-300:#C4C1BB;

/* Semantik */
--surface-dark:var(--anthrazit-950);
--surface-dark-raised:var(--anthrazit-800);
--surface-light:var(--white);
--surface-warm:var(--warm-50);
--surface-card:var(--white);
--text-on-dark:var(--paper-100);
--text-on-dark-muted:var(--paper-300);
--text-on-light:var(--ink-900);
--text-on-light-muted:var(--ink-600);
--accent:var(--rdn-red);
--accent-hover:var(--rdn-red-hover);
--accent-press:var(--rdn-red-press);
--text-on-accent:var(--white);
--border-light:var(--warm-200);
--border-dark:var(--anthrazit-700);
--focus-ring:var(--rdn-red);
--error:var(--rdn-red);
--scrim-hero:linear-gradient(180deg,rgba(18,19,20,.35) 0%,rgba(18,19,20,.15) 35%,rgba(18,19,20,.85) 80%,#121314 100%); /* @kind color */
--scrim-image:linear-gradient(180deg,rgba(18,19,20,0) 40%,rgba(18,19,20,.8) 100%); /* @kind color */
}