/* Generated by tools/design/export-css.php from shared/design/tokens.json. Do not edit. */

:root {
	--color-brand-primary: #1F4E79;
	--color-brand-on-primary: #FFFFFF;
	--color-surface-page: #F5F6F8;
	--color-surface-panel: #FFFFFF;
	--color-surface-subtle: #EEF0F3;
	--color-border-default: #D9DDE3;
	--color-text-primary: #1B1F24;
	--color-text-secondary: #5A6270;
	--color-text-disabled: #9AA1AC;
	--color-status-success: #1E7A46;
	--color-status-warning: #8A5A00;
	--color-status-danger: #B3261E;
	--color-status-info: #1F5FAD;
	--color-focus-ring: #1F5FAD;
	--space-xxs: 2px;
	--space-xs: 4px;
	--space-sm: 8px;
	--space-md: 12px;
	--space-lg: 16px;
	--space-xl: 24px;
	--space-xxl: 32px;
	--radius-sm: 4px;
	--radius-md: 6px;
	--radius-lg: 10px;
	--type-size-caption: 12px;
	--type-size-body: 14px;
	--type-size-body-large: 16px;
	--type-size-title: 18px;
	--type-size-headline: 22px;
	--type-weight-regular: 400;
	--type-weight-medium: 500;
	--type-weight-bold: 600;
	--type-line-height-body: 1.45;
	--touch-min: 44px;
	--till-touch-min: 56px;
	--motion-fast: 120ms;
	color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-brand-primary: #7FB0DE;
		--color-brand-on-primary: #0B1724;
		--color-surface-page: #111418;
		--color-surface-panel: #1A1E24;
		--color-surface-subtle: #232831;
		--color-border-default: #343B46;
		--color-text-primary: #E8EBEF;
		--color-text-secondary: #A9B1BC;
		--color-text-disabled: #6B7380;
		--color-status-success: #5CC98A;
		--color-status-warning: #E0B252;
		--color-status-danger: #F2857D;
		--color-status-info: #7FB0F0;
		--color-focus-ring: #7FB0F0;
	}
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--motion-fast: 0ms;
	}
}