/**
 * DEFAULT THEME - Emphasis Definitions
 *
 * Each emphasis mode redefines the base tokens for its scope.
 * Uses --fill-*, --ink-*, --stroke-* naming.
 */

/* ===== LIGHT MODE EMPHASIS ===== */

/* Anything with a data-emphasis paints its own surface + ink from its local tokens */
[data-emphasis] {
	background-color: var(--fill-primary);
	color: var(--ink-primary);
}

[data-emphasis='alternate'] {
	--fill-primary: var(--color-stone-100);
	--fill-secondary: var(--color-stone-200);
	--fill-auxiliary: var(--color-stone-300);

	--ink-primary: var(--color-stone-900);
	--ink-secondary: color-mix(in oklch, var(--ink-primary) 70%, var(--fill-primary));
	--ink-auxiliary: color-mix(in oklch, var(--ink-primary) 45%, var(--fill-primary));

	--stroke-primary: var(--color-stone-400);
	--stroke-secondary: var(--color-stone-300);
}

[data-emphasis='focused'] {
	--fill-primary: var(--color-stone-900);
	--fill-secondary: var(--color-stone-800);
	--fill-auxiliary: var(--color-stone-700);

	--ink-primary: var(--color-stone-100);
	--ink-secondary: color-mix(in oklch, var(--ink-primary) 87%, var(--fill-primary));
	--ink-auxiliary: color-mix(in oklch, var(--ink-primary) 45%, var(--fill-primary));

	--stroke-primary: var(--color-stone-600);
	--stroke-secondary: var(--color-stone-700);
	--accent: var(--color-blue-300);

	--viz-fill: var(--fill-secondary);
}

[data-emphasis='immersive'] {
	--fill-primary: var(--color-stone-950);
	--fill-secondary: var(--color-stone-870);
	--fill-auxiliary: var(--color-stone-800);

	--ink-primary: var(--color-stone-50);
	--ink-secondary: color-mix(in oklch, var(--ink-primary) 87%, var(--fill-primary));
	--ink-auxiliary: color-mix(in oklch, var(--ink-primary) 45%, var(--fill-primary));

	--stroke-primary: var(--color-stone-700);
	--stroke-secondary: var(--color-stone-800);
	--accent: var(--color-blue-200);
}

/* ===== DARK MODE EMPHASIS =====

   Paused 2026-05-06: dark mode is chrome-only. See themes/app.css.
*/

/*
@media (prefers-color-scheme: dark) {
	:root:not([data-scheme='light']) {
		[data-emphasis='alternate'] {
			--fill-primary: var(--color-stone-800);
			--fill-secondary: var(--color-stone-700);
			
			--ink-primary: var(--color-stone-100);
			--stroke-primary: var(--color-stone-600);
		}

		[data-emphasis='focused'] {
			--fill-primary: var(--color-stone-100);
			--fill-secondary: var(--color-stone-200);
			--ink-primary: var(--color-stone-900);
			--stroke-primary: var(--color-stone-300);
			--accent: var(--color-blue-600);
		}

		[data-emphasis='immersive'] {
			--fill-primary: var(--color-stone-950);
			--ink-primary: var(--color-stone-50);
			--accent: var(--color-blue-300);
		}
	}
}

:root[data-scheme='dark'] {
	[data-emphasis='alternate'] {
		--fill-primary: var(--color-stone-800);
		--fill-secondary: var(--color-stone-700);
		--ink-primary: var(--color-stone-100);
		--stroke-primary: var(--color-stone-600);
	}

	[data-emphasis='focused'] {
		--fill-primary: var(--color-stone-100);
		--fill-secondary: var(--color-stone-200);
		--ink-primary: var(--color-stone-900);
		--stroke-primary: var(--color-stone-300);
		--accent: var(--color-blue-600);
	}

	[data-emphasis='immersive'] {
		--fill-primary: var(--color-stone-950);
		--ink-primary: var(--color-stone-50);
		--accent: var(--color-blue-300);
	}
}
*/