/* base.css — tokens contract + legacy aliases (no literal values)
	 Goals:
	 - keep existing component CSS working (var(--bg), var(--ink), ...)
	 - provide stable aliases to the single source of truth in theme.light.css
*/

:root {
	/* Legacy admin tokens -> map to fx */
	--bg: var(--fx-bg);
	--surface: var(--fx-card);
	--surface-2: var(--fx-surface-2);
	--line: var(--fx-border);

	/* Text aliases */
	--ink: var(--fx-ink);
	--ink-secondary: var(--fx-ink-secondary);

	/* Muted: keep current UI value (was overridden by theme tokens) */
	--muted: var(--fx-muted-legacy);

	/* Accent aliases */
	--primary: var(--bs-primary);
	--primary-hover: var(--fx-primary-hover);

	/* Legacy states (values live in theme.light.css, exposed here as contract) */
	--ok: var(--fx-ok);
	--warn: var(--fx-warn);
	--err: var(--fx-err);
	--focus: var(--fx-focus);

	/* Legacy shadow token used in a few places */
	--shadow: var(--fx-shadow-legacy);

	/* Compatibility aliases for previously used names */
	--card: var(--fx-card);
	--border: var(--fx-border);
	--extra-bg: var(--fx-extra-bg);

	/* Legacy convenience vars (previously relied on var() fallbacks) */
	--surface-soft: var(--fx-surface-soft);
	--section-soft: var(--surface);

	--font-display: var(--fx-font-display);
	--font-mono: var(--fx-font-mono);

	--sp-2: var(--fx-gap-sm);
	--sp-3: var(--fx-gap);
}