/**
 * Design-Tokens — 1:1 aus dem App-Theme (mobile/src/theme/colors.ts + tokens.ts; das ist die
 * WCAG-korrigierte Fassung der app_demo.html-Werte: textSubtle/goldFull angepasst).
 * ALLE Companion-Styles hängen ausschließlich an diesen Variablen. v1 = helles Theme.
 */
:root {
	/* Marke */
	--stw-accent: #14564f;
	--stw-accent-ink: #ffffff;
	--stw-accent-soft: #14564f14;
	--stw-accent-strong: #0f433d;
	/* Text */
	--stw-text: #1c1c19;
	--stw-text-muted: #6b6b66;
	--stw-text-subtle: #72726d;
	--stw-text-body: #444440; /* Fließtext in getönten Boxen (zwischen text und text-muted); App-Parität */
	/* Flächen */
	--stw-paper: #ffffff;
	--stw-surface: #ffffff;
	--stw-surface-2: #f4f4f2;
	--stw-surface-3: #ededea;
	--stw-border: #e7e7e3;
	--stw-border-strong: #cfcfca;
	--stw-hero-bar: #1c1c19;
	/* Status */
	--stw-ok: #3d7a4a;
	--stw-ok-soft: #3d7a4a14;
	--stw-danger: #a8321e;
	--stw-danger-soft: #a8321e14;
	/* Gold (Premium/Akzente) */
	--stw-gold-soft: #f4eee2;
	--stw-gold-full: #9a742c;
	/* Abdunklung fuer KLEINEN Gold-Text (12px-Overlines): #9a742c erreicht auf Weiß nur 4,28:1 (AA braucht 4,5:1) */
	--stw-gold-text: #86651f;
	/* Radien */
	--stw-r-sm: 4px;
	--stw-r-md: 6px;
	--stw-r-lg: 8px;
	--stw-r-xl: 16px;
	--stw-r-pill: 999px;
	/* 8er-Raster */
	--stw-s-1: 4px;
	--stw-s-2: 8px;
	--stw-s-3: 12px;
	--stw-s-4: 16px;
	--stw-s-5: 24px;
	--stw-s-6: 32px;
	--stw-s-7: 48px;
	--stw-page-x: 16px;
	/* Schrift (System-Stack wie App) */
	--stw-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Inter, system-ui, sans-serif;
}