/**
 * Design-Tokens smeadvisory.digital
 * ---------------------------------
 * Eigenständige, framework-freie Token-Datei (CSS Custom Properties).
 * Wird vom Theme geladen UND ist dafür gedacht, später von der separaten
 * Angebots-Wizard-App unverändert wiederverwendet zu werden (§8).
 *
 * Quelle der Wahrheit für Markenfarben, Typografie und Abstände.
 * theme.json spiegelt diese Werte für die WordPress-Presets.
 *
 * Kontraste (WCAG 2.2 AA, geprüft gegen --smead-color-surface #FBFAF7):
 *   ink     #1B2733  ≈ 13,9:1  (AAA)
 *   accent  #0F766E  ≈  5,3:1  (AA, auch für Text)
 *   gray-600 #5A6672 ≈  5,6:1  (AA, Sekundärtext)
 *   Weiß auf accent  ≈  5,3:1  (AA, Buttons)
 */

:root {
	/* --- Farben ---------------------------------------------------------- */
	--smead-color-ink: #1B2733;          /* Text, Überschriften, Header */
	--smead-color-surface: #FBFAF7;      /* Seitenhintergrund, warmes Weiß */
	--smead-color-accent: #0F766E;       /* Primärakzent, gedecktes Petrol */
	--smead-color-accent-dark: #0B5C56;  /* Hover/Active des Akzents */
	--smead-color-accent-soft: #E7F1EF;  /* Hinterlegte Flächen mit Akzentbezug */

	--smead-color-white: #FFFFFF;        /* Karten auf Surface */
	--smead-color-gray-100: #F3F1EC;     /* Sekundärflächen */
	--smead-color-gray-300: #DDD9D1;     /* Linien, Rahmen */
	--smead-color-gray-600: #5A6672;     /* Sekundärtext */

	--smead-color-error: #A33A2E;        /* Formular-Fehlermeldungen (4,5:1+) */
	--smead-color-success: #1E6B41;      /* Erfolgsmeldungen (4,5:1+) */

	/* --- Typografie ------------------------------------------------------- */
	--smead-font-sans: "InterVariable", ui-sans-serif, system-ui, -apple-system,
		"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

	--smead-text-sm: 0.9375rem;
	--smead-text-base: 1.0625rem;
	--smead-text-lg: clamp(1.1875rem, 1.1rem + 0.4vw, 1.375rem);
	--smead-text-xl: clamp(1.5rem, 1.3rem + 0.9vw, 1.875rem);
	--smead-text-2xl: clamp(2rem, 1.6rem + 1.9vw, 2.875rem);

	--smead-leading-tight: 1.12;
	--smead-leading-normal: 1.65;

	--smead-tracking-tight: -0.015em;

	/* --- Abstände ---------------------------------------------------------- */
	--smead-space-2xs: 0.5rem;
	--smead-space-xs: 1rem;
	--smead-space-sm: 1.5rem;
	--smead-space-md: clamp(2rem, 4vw, 3rem);
	--smead-space-lg: clamp(3rem, 6vw, 4.5rem);
	--smead-space-xl: clamp(4rem, 8vw, 6rem);

	/* --- Form & Fläche ------------------------------------------------------ */
	--smead-radius-sm: 6px;
	--smead-radius-md: 8px;
	--smead-radius-lg: 14px;
	--smead-shadow-card: 0 1px 2px rgba(27, 39, 51, 0.06), 0 4px 16px rgba(27, 39, 51, 0.05);
	--smead-border: 1px solid var(--smead-color-gray-300);

	/* --- Layout ------------------------------------------------------------ */
	--smead-content-width: 720px;
	--smead-wide-width: 1120px;

	/* --- Bewegung (nur dezent; prefers-reduced-motion wird respektiert) ----- */
	--smead-transition-fast: 150ms ease;
	--smead-transition-medium: 250ms ease;
}