/*
 * HamyarCrypto tokens: overrides of the parent's --hmf-* roles only.
 * Brand: gold #FFB238 (action, navy text on it), navy #0F101D, blue #046BD2.
 * Selectors carry [data-palette] so they outrank the parent's palette CSS
 * (same specificity, printed later). No component styles here.
 */

:root[data-palette] {


	--hmf-radius-control: 0.875rem;
	--hmf-radius-panel: 1.25rem;
	--hmf-radius-hero: 1.625rem;

	--hmf-canvas: #f0f5fa;
	--hmf-surface: #ffffff;
	--hmf-surface-subtle: #eef2f6;
	--hmf-text: #0f101d;
	--hmf-muted: #475569;
	--hmf-border: #e0e8f1;
	--hmf-control-border: #64748b;
	--hmf-focus: #046bd2;

	--hmf-action: #ffb238;
	--hmf-action-hover: #fbac02;
	--hmf-action-active: #e09a00;
	--hmf-on-action: #0f101d;
	--hmf-soft: #fff6e6;
	--hmf-on-soft: #7a4f00;
}

/* Dark: navy canvas, the same gold action. */
@media (prefers-color-scheme: dark) {
	:root[data-palette]:not([data-mode="light"]) {
		--hmf-canvas: #0f101d;
		--hmf-surface: #1a1c33;
		--hmf-surface-subtle: #23264a;
		--hmf-text: #eef2f7;
		--hmf-muted: #a3b1c6;
		--hmf-border: #2b2f55;
		--hmf-focus: #8cc4f5;
		--hmf-soft: #3a2c10;
		--hmf-on-soft: #ffc147;
	}
}

:root[data-palette][data-mode="dark"] {
	--hmf-canvas: #0f101d;
	--hmf-surface: #1a1c33;
	--hmf-surface-subtle: #23264a;
	--hmf-text: #eef2f7;
	--hmf-muted: #a3b1c6;
	--hmf-border: #2b2f55;
	--hmf-focus: #8cc4f5;
	--hmf-soft: #3a2c10;
	--hmf-on-soft: #ffc147;
}