/* Design-Tokens: Richtung B „Warm & Kalt“ (branding/brand-board-v2.html, freigegeben 16.10.2026). */
:root {
	--yl-papier: #F4EFE8;     /* Seitenhintergrund (warmer Papierton) */
	--yl-karte: #FBF8F4;      /* Karten, Kästen */
	--yl-aqua: #A8DADC;       /* Pastell-Flächen */
	--yl-blau: #0061A6;       /* Logo-Blau: Buttons, Links */
	--yl-navy: #1D3557;       /* Text, dunkle Flächen, Footer */
	--yl-grau: #4F5D6E;       /* Nebentext */
	--yl-linie: #E6DFD5;      /* Rahmen, Trenner */
	--yl-hell: #F1EBE2;       /* Hover-Fläche auf Papier/Karte */
	--yl-orange: #FF7124;     /* Akzent: Buttons, Notdienst, Pfeile. Buttons mit weißer Schrift (18.10., Kontrast 2,75:1), kleine Schilder mit Navy. */
	--yl-orange-dunkel: #E0560C;   /* Hover für orange Buttons (dunkler, damit Weiß lesbarer wird) */

	--yl-font-kopf: "Michroma", system-ui, sans-serif;   /* nur Überschriften, Versalien */
	--yl-font-text: "Sora", system-ui, sans-serif;
	--yl-font-notiz: "Reenie Beanie", cursive;          /* nur Handnotizen, immer Gewicht 400, ca. 1,25× größer setzen als Sora */

	--yl-radius: 0;           /* eckig wie das Logo, keine Rundungen */
	--yl-breite: 1180px;
}