/*
 * Design tokens — the single source of truth for color, type scale and spacing.
 * Mirror every change here in the Divi global color palette and in the preset
 * set (layouts/presets--global.json) so editors and code stay in sync.
 *
 * TODO: content — verify the brand colors against the CSS of the live site
 * before launch and replace these approximations (README: Offene Punkte).
 */

:root {
	/*
	 * Colors. Contrast against --rq-surface #FDFCF5 (WCAG 2.1):
	 *   --rq-text           ≈ 15.6:1  body text
	 *   --rq-ink            ≈ 14.7:1  headings, dark surfaces
	 *   --rq-text-muted     ≈  6.2:1  secondary text
	 *   --rq-accent-strong  ≈  5.4:1  text links, button surfaces (AA)
	 *   --rq-accent         ≈  3.9:1  UI only: focus ring, active states — not for text
	 * --rq-accent-ink on --rq-accent-strong ≈ 5.6:1 (button label).
	 */
	--rq-ink:           #2B1410;  /* Dunkelbraun: Footer, Menüflächen */
	--rq-accent:        #D9542F;  /* Korallorange: aktive Zustände, Fokusring */
	--rq-accent-strong: #B93D1A;  /* Abgedunkelter Akzent: Links, CTA-Flächen */
	--rq-accent-ink:    #FFFFFF;
	--rq-surface:       #FDFCF5;  /* Cremeweiß: Seitenhintergrund */
	--rq-surface-2:     #F2EEDD;  /* Sand: Karten, Leisten */
	--rq-text:          #1C1512;
	--rq-text-muted:    #6B5C55;
	--rq-border:        #DDD5C4;

	/* Fluid type scale */
	--rq-step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.9rem);
	--rq-step-0:  clamp(1rem, 0.96rem + 0.2vw, 1.1rem);
	--rq-step-1:  clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
	--rq-step-2:  clamp(1.6rem, 1.4rem + 1vw, 2.2rem);
	--rq-step-3:  clamp(2rem, 1.6rem + 2vw, 3.2rem);

	/* Spacing */
	--rq-space-xs: 0.5rem;
	--rq-space-s:  1rem;
	--rq-space-m:  1.5rem;
	--rq-space-l:  2.5rem;
	--rq-space-xl: 4rem;

	/* Shape and reading measure */
	--rq-radius:  8px;
	--rq-measure: 68ch;

	/*
	 * Fonts: system stacks by default. If webfonts are wanted, self-host them
	 * with font-display: swap and keep Divi's Google-Fonts option disabled
	 * (README: Performance).
	 */
	--rq-font-display: ui-serif, Georgia, Cambria, 'Times New Roman', serif;
	--rq-font-body:    system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}