/*
 * anna-redet Design-Tokens - Quelle: Brand Bible V2 (docs/brand/) + Relaunch-Plan 2.1.
 * Diese Datei ist die einzige Quelle für Farben und Schriften. Keine Hex-Werte
 * außerhalb dieser Datei verwenden.
 */

/* Fonts - lokal gehostet, latin-Subset, je ein Schnitt (Performance-Budget). */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url('fonts/rubik-900.woff2') format('woff2');
}

@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/rubik-400.woff2') format('woff2');
}

@font-face {
	font-family: 'Sacramento';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/sacramento-400.woff2') format('woff2');
}

@font-face {
	font-family: 'Lora';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/lora-italic-400.woff2') format('woff2');
}

:root {
	/* Farben */
	--ar-cream: #FAF7F2;        /* Standard-Hintergrund */
	--ar-ink: #161616;          /* Headlines, Fließtext */
	--ar-hot-pink: #FF2D7A;     /* DER Akzent - nur einer pro Sektion, nur Display-Größen */
	--ar-pastel-pink: #FFD1DC;  /* CTA-Flächen/Sektionen */
	--ar-neon-yellow: #F0EF4A;  /* Reserve, sparsam */
	--ar-sky-blue: #C5DCEC;     /* Reserve, sparsam */
	--ar-gray: #7A7A7A;         /* Sekundärtext */
	--ar-gray-light: #B0ADA6;   /* Sekundärtext hell */

	/* Typografie */
	--ar-font-body: 'Rubik', system-ui, sans-serif;
	--ar-font-display: 'Rubik', system-ui, sans-serif;
	--ar-font-script: 'Sacramento', cursive;
	--ar-font-editorial: 'Lora', Georgia, serif;

	/* Spacing-Grundmaß (mind. 30 % Weißraum pro Sektion) */
	/* Halber Sektionsabstand: an jeder Sektionsgrenze treffen sich zwei davon.
	   77 px bei 1280 px Breite ergeben also 154 px zwischen zwei Kapiteln. */
	--ar-space-section: clamp(3rem, 6vw, 5rem);
	--ar-space-block: clamp(1.5rem, 4vw, 3rem);
}