/*
 * Designtokens aero-VALUE — einzige Quelle für Werte.
 * Gespiegelt in theme.json. Werte nach Rolle benannt, nicht nach Aussehen.
 * Quelle: design/Styleguide.dc.html, Stand 18.07.2026.
 */
:root {
	/* Farbe — Basis & Flächen */
	--av-color-base: #1a2233;
	--av-color-action: #1656c9;
	--av-color-action-hover: #12459e;
	--av-color-surface: #ffffff;
	--av-color-bg: #f4f6f8;
	--av-color-border: #d9dee4;
	--av-color-border-light: #eef1f4;
	--av-color-input-border: #b6bfca;

	/* Farbe — Text */
	--av-color-text: #1a2233;
	--av-color-text-secondary: #3a4658;
	--av-color-text-muted: #6b7280;
	--av-color-text-on-base: #ffffff;
	--av-color-text-on-base-muted: #aeb8c7;
	--av-color-text-on-action: #ffffff;

	/* Farbe — Status, nur für Status, nie dekorativ */
	--av-color-status-neutral: #6b7280;
	--av-color-status-ok: #1f7a44;
	--av-color-status-ok-bg: #e6f4ec;
	--av-color-status-ok-border: #b7dcc6;
	--av-color-status-warn: #b45309;
	--av-color-status-warn-bg: #fdf6ec;
	--av-color-status-warn-border: #f0d9b6;
	--av-color-status-error: #b42318;
	--av-color-status-error-bg: #fdf6f5;
	--av-color-status-error-border: #eec4c1;

	/* Typografie */
	--av-font-sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;

	--av-text-h1-size: 34px;
	--av-text-h1-line: 1.15;
	--av-text-h1-weight: 700;
	--av-text-h1-tracking: -0.02em;

	--av-text-h2-size: 26px;
	--av-text-h2-line: 1.2;
	--av-text-h2-weight: 700;
	--av-text-h2-tracking: -0.01em;

	--av-text-h3-size: 20px;
	--av-text-h3-line: 1.3;
	--av-text-h3-weight: 600;

	--av-text-h4-size: 17px;
	--av-text-h4-line: 1.35;
	--av-text-h4-weight: 600;

	--av-text-body-size: 16px;
	--av-text-body-line: 1.6;
	--av-text-body-weight: 400;
	--av-text-body-measure: 68ch;

	--av-text-small-size: 14px;
	--av-text-small-line: 1.5;
	--av-text-small-weight: 400;

	--av-text-label-size: 14px;
	--av-text-label-line: 1.3;
	--av-text-label-weight: 600;

	--av-text-micro-size: 12px;
	--av-text-micro-line: 1.4;
	--av-text-micro-weight: 500;

	/* Abstände — 8-px-Raster */
	--av-space-xs: 4px;
	--av-space-sm: 8px;
	--av-space-md: 12px;
	--av-space-lg: 16px;
	--av-space-xl: 24px;
	--av-space-2xl: 32px;
	--av-space-3xl: 48px;
	--av-space-4xl: 64px;

	/* Radien */
	--av-radius-sm: 4px;
	--av-radius-md: 8px;
	--av-radius-lg: 12px;
	--av-radius-pill: 999px;

	/* Schatten & Fokus */
	--av-shadow-sm: 0 1px 2px rgba(26, 34, 51, 0.08);
	--av-shadow-md: 0 6px 20px rgba(26, 34, 51, 0.12);
	--av-focus-ring: 0 0 0 3px rgba(22, 86, 201, 0.35);

	/* Layout */
	--av-container: 960px;
	--av-touch-target: 44px;
}