/* agentic xperts — Design-Tokens v1 (siehe BRAND.md, Kontraste WCAG-gemessen) */
:root {
	/* Farben */
	--agx-bg: #FAF7F2;
	--agx-surface: #FFFFFF;
	--agx-ink: #1A1714;
	--agx-ink-soft: #5C554B;
	--agx-accent: #B04A24;          /* Buttons/interaktiv, weiße Schrift: 5.45:1 */
	--agx-accent-text: #A8431F;     /* Links/kleiner Akzent-Text auf bg: 5.63:1 */
	--agx-accent-display: #C2542B;  /* NUR Display ≥24px / Illustration: 4.27:1 */
	--agx-dark: #221C16;
	--agx-accent-on-dark: #E8835A;  /* Akzent auf dark: 6.28:1 */
	--agx-hairline: rgba(26, 23, 20, 0.12);

	/* Typografie (self-hosted, Einbindung folgt in S2) */
	--agx-font-display: "Fraunces", Georgia, serif;
	--agx-font-sans: "Instrument Sans", -apple-system, "Segoe UI", sans-serif;
	--agx-font-mono: "Fragment Mono", "SF Mono", monospace;

	/* Skalen */
	--agx-radius: 6px;
	--agx-radius-lg: 12px;
	--agx-space-unit: 8px;
	--agx-measure: 68ch;
}