:root{
/* Navy — primary brand color, sampled from logo mark & illustration */
--navy-900:#001C30;
--navy-800:#00263F;
--navy-700:#00375F;
--navy-600:#1B4C73;
--navy-500:#3E6788;
--navy-400:#6C89A6;
--navy-300:#9CB1C6;
--navy-200:#C7D4E1;
--navy-100:#E6ECF2;
--navy-50:#F2F6F9;

/* Rosé — secondary brand color, sampled from illustration background */
--rose-700:#9C8080;
--rose-600:#B29797;
--rose-500:#C7B0B0;
--rose-400:#D9C9C9;
--rose-300:#E4D7D7;
--rose-200:#EFE6E6;
--rose-100:#F6F0F0;
--rose-50:#FAF6F6;

/* Neutrals — warm, not cool gray */
--sand-900:#231F1D;
--sand-700:#57504C;
--sand-500:#8A8280;
--sand-300:#C9C2BE;
--sand-100:#EDE8E5;
--cream:#FBF8F6;
--white:#FFFFFF;

/* Semantic — surface */
--color-bg-page:var(--cream);
--color-bg-surface:var(--white);
--color-bg-muted:var(--rose-100);
--color-bg-inverse:var(--navy-800);

/* Semantic — text */
--color-text-primary:var(--navy-900);
--color-text-secondary:var(--sand-700);
--color-text-muted:var(--sand-500);
--color-text-inverse:var(--cream);
--color-text-accent:var(--comp-raspberry);

/* Semantic — action */
--color-accent:var(--comp-raspberry);
--color-accent-hover:#B10450;
--color-accent-active:#8C0340;
--color-accent-soft:#FAD9E7;
--color-on-accent:var(--cream);

/* Semantic — structure */
--color-border:var(--sand-300);
--color-border-soft:var(--rose-300);
--color-focus-ring:var(--comp-raspberry);

/* Semantic — feedback (no source; muted, brand-consistent, not saturated alarm colors) */
--color-success:#4C7A5E;
--color-success-bg:#E7EFE9;
--color-danger:#9C4B45;
--color-danger-bg:#F6E7E5;
--color-warning:#A6763B;
--color-warning-bg:#F4EADB;

/* Complementary accents — official hex/CMYK values from YWD_Farbecodes.pdf (client-supplied image)
   comp-raspberry ("Himbeere") is now the primary interactive accent (see --color-accent above) */
--comp-raspberry:#D60560;
--comp-teal:#005962;
--comp-yellow:#F8F3B1;
--comp-blush:#FADADA;
--comp-purple:#9184BE;
--comp-taupe:#A98682;
}