/* Everyday French — the plugin's colour contract. ONE definition, loaded before
 * every other plugin stylesheet (they all declare it as a dependency).
 *
 * Why this file exists
 * --------------------
 * The --ef-* tokens used to be declared in two places with two different
 * meanings: podcast.css pinned them to light hex in its own :root, and the
 * theme mapped them onto its own tokens in theirs. Same specificity, so
 * whichever loaded last won — and podcast.css did, which silently defeated the
 * theme's mapping and left episode pages light in dark mode. Declaring the
 * contract once, here, makes it load-order independent.
 *
 * How it works
 * ------------
 * Each token reads the theme's equivalent, with the plugin's original hex as
 * the fallback. So: with the everydayfrench theme active, the plugin follows
 * the site (including dark mode) for free; without it, the plugin still renders
 * exactly as it always did. Nothing here should ever be a bare hex — that's
 * what pins a surface to one colour scheme.
 */
:root {
	--ef-primary: var(--fill, #733428);
	--ef-primary-dark: var(--fill-strong, #4a2119);
	--ef-secondary: var(--tint, #FFF0EE);
	--ef-tint: var(--tint-2, #F6DED7);
	--ef-tint-strong: var(--tint-3, #EFC9BE);
	--ef-border: var(--line, #E5D4CE);
	--ef-border-light: var(--line-soft, #F0E4E0);
	/* the original hex was #FFFBF9 (the page colour); --surface-2 is
	   indistinguishable from it in light but keeps these panels off the page
	   colour in dark. */
	--ef-bg-soft: var(--surface-2, #FFFBF9);
	--ef-text: var(--ink, #4a3b35);
	--ef-text-muted: var(--ink-3, #8a7a73);
	--ef-text-subtle: var(--ink-2, #6b5b54);
	--ef-correct-bg: var(--ok-bg, #dcfce7);
	--ef-correct-border: var(--ok-bd, #16a34a);
	--ef-correct-text: var(--ok, #15803d);
	--ef-wrong-bg: var(--no-bg, #fee2e2);
	--ef-wrong-border: var(--no-bd, #ef4444);
	--ef-wrong-text: var(--no, #b91c1c);
}