/*
Centralized color system. Nothing else.

- CSS variables for brand palette
- Semantic tokens (–color-primary, –color-error, etc.)
- Background + text utility pairings if needed

No layout. No spacing. No component rules. This is your design DNA vault.
*/

:root {
	/* base tokens */
	--c-bg: #ffffff;
	--c-surface: #f7f7f8;
	--c-text: #111111;
	--c-muted: #555555;
	--c-border: #dedee3;

	/* brand */
	--c-accent: #3b82f6;
	--c-accent-contrast: #ffffff;

	/* states */
	--c-success: #16a34a;
	--c-warning: #f59e0b;
	--c-danger: #dc2626;

	color-scheme: light;
}

[data-theme='dark'] {
	--c-bg: #0b0c0f;
	--c-surface: #141622;
	--c-text: #f1f2f4;
	--c-muted: #b3b7c2;
	--c-border: #2a2f45;

	--c-accent: #60a5fa;
	--c-accent-contrast: #0b0c0f;

	color-scheme: dark;
}