/**
 * Color tokens — base palette + per theme-mode overrides.
 * Every mode redefines the same variable names on [data-theme-mode="x"],
 * so components never branch on the mode — they just read tokens.
 */

:root {
	/* Neutral scale — editorial, warm-clinical, never sterile-white */
	--color-canvas: #faf9f6;
	--color-surface: #ffffff;
	--color-surface-alt: #f2f0ea;
	--color-ink: #14181a;
	--color-ink-soft: #4a5257;
	--color-muted: #7c8489;
	--color-border: #e3e0d8;

	/* Brand — default "clinic" mood, overridden per mode below */
	--color-primary: #0f3d3e;
	--color-primary-ink: #ffffff;
	--color-accent: #c98b4a;
	--color-accent-ink: #14181a;

	/* Dark sections */
	--color-dark-canvas: #0d1113;
	--color-dark-surface: #161c1f;
	--color-dark-ink: #f4f2ec;
	--color-dark-ink-soft: #b7bcbd;
	--color-dark-border: #2a3134;

	/* Semantic */
	--color-success: #2f7d5f;
	--color-warning: #c98b4a;
	--color-danger: #b3261e;
	--color-emergency: #d1291f;
	--color-emergency-ink: #ffffff;

	/* Focus / a11y */
	--color-focus-ring: #1f7a8c;
}

/* ---------- Theme Modes ---------- */
/* Each mode = accent identity only. Structure, spacing and type scale stay shared. */

[data-theme-mode="hospital"] {
	--color-primary: #0b3d5c;
	--color-accent: #1f8a70;
	--color-canvas: #f7f9f9;
}

[data-theme-mode="clinic"] {
	--color-primary: #14403f;
	--color-accent: #c98b4a;
}

[data-theme-mode="aesthetic"] {
	--color-primary: #262220;
	--color-accent: #b98a6a;
	--color-canvas: #f7f3ee;
	--color-surface-alt: #efe7de;
}

[data-theme-mode="dental"],
[data-theme-mode="implant"] {
	--color-primary: #10333f;
	--color-accent: #35a7a0;
	--color-canvas: #f7fafa;
}

[data-theme-mode="ambulance"],
[data-theme-mode="emergency"] {
	--color-primary: #0d1113;
	--color-accent: #d1291f;
	--color-canvas: #0d1113;
	--color-surface: #161c1f;
	--color-surface-alt: #1d2427;
	--color-ink: #f4f2ec;
	--color-ink-soft: #b7bcbd;
	--color-border: #2a3134;
}

[data-theme-mode="psychiatry"],
[data-theme-mode="psychology"] {
	--color-primary: #40453a;
	--color-accent: #8a9a7e;
	--color-canvas: #f5f4ef;
	--color-surface-alt: #ebe9e1;
}

[data-theme-mode="doctor"] {
	--color-primary: #1c2b3a;
	--color-accent: #3d6b8a;
}

[data-theme-mode="laboratory"] {
	--color-primary: #12262e;
	--color-accent: #2f9e8f;
	--color-canvas: #f5f8f8;
}

[data-theme-mode="radiology"] {
	--color-primary: #0d1113;
	--color-accent: #4f8fd6;
	--color-canvas: #101416;
	--color-surface: #171d20;
	--color-ink: #f4f2ec;
	--color-ink-soft: #b7bcbd;
	--color-border: #2a3134;
}

[data-theme-mode="checkup"] {
	--color-primary: #14403f;
	--color-accent: #e0a23b;
}

[data-theme-mode="home-health"] {
	--color-primary: #4a3524;
	--color-accent: #c98b4a;
	--color-canvas: #faf6ef;
}

@media (prefers-color-scheme: dark) {
	:root[data-color-scheme="auto"] {
		--color-canvas: var(--color-dark-canvas);
		--color-surface: var(--color-dark-surface);
		--color-ink: var(--color-dark-ink);
		--color-ink-soft: var(--color-dark-ink-soft);
		--color-border: var(--color-dark-border);
	}
}