/**
 * Design tokens — the single source of truth for the palette.
 *
 * v0.4.0 (Phase 1 architecture): every colour used by fr-layout.css
 * and fr-pages.css resolves through these custom properties, so a
 * theme change is a one-file edit here instead of a sweep through
 * hundreds of rules.
 *
 * Two families live here:
 *  - Semantic tokens (--fr-paper, --fr-ink, --fr-accent, ...) carry
 *    the CURRENT light "warm lab" theme. Components reference only
 *    these names.
 *  - The B "dark cinema" tokens (--fr-night-*, --fr-coral) are the
 *    approved Phase 1 target palette (design B, decided 2026-10-16).
 *    They are defined now and adopted component by component; when a
 *    component switches, only its token references change.
 */

:root {
	/* --- Current theme: paper & ink --- */
	--fr-paper: #FAF7F2;        /* page background, warm white */
	--fr-paper-2: #FFFDF9;      /* raised card surface */
	--fr-paper-3: #FBFAF6;      /* alternate surface */
	--fr-paper-dim: #F3EFE7;    /* sunken band */
	--fr-paper-deep: #F1ECE3;   /* deepest paper tint */
	--fr-white: #FFFFFF;
	--fr-ink: #1F2321;          /* main text */
	--fr-ink-soft: #3F4441;     /* secondary text */
	--fr-muted: #6B716C;        /* captions, meta */
	--fr-line: #E5DED2;         /* hairlines, borders */

	/* --- Current theme: tea green accent --- */
	--fr-accent: #2F6B4F;
	--fr-accent-deep: #22503A;
	--fr-accent-soft: #E7F0EA;
	--fr-accent-softer: #EFF4EF;
	--fr-accent-line: #D8E2DA;
	--fr-accent-mid: #A9BCAE;

	/* --- Current theme: warm orange --- */
	--fr-warm: #E8833A;
	--fr-warm-deep: #D9742C;

	/* --- B "dark cinema" palette lives in the scoped block below --- */
}

/**
 * B design tokens (Design Bible v1.0 §3.3/§3.4 canonical names).
 * Scoped to the rebuilt zones — the HFB header/footer templates
 * (.elementor-2369 / .elementor-2376) and .fr-home — instead of a
 * body-wide .fr-site, so the not-yet-rebuilt light pages keep
 * resolving the legacy :root tokens above untouched. Each zone is
 * migrated off the legacy tokens as its rebuild lands; the legacy
 * block is removed once every page type has moved over.
 */
.elementor-2369,
.elementor-2376,
.fr-home,
.fr-archive,
.fr-page,
.fr-article-page {
	--fr-bg: #141718;
	--fr-surface: #202625;
	--fr-border: #3A4140;
	--fr-text: #F2F0E8;
	--fr-muted: #ADB5B0;
	--fr-accent: #E6A180;
	--fr-reading-bg: #FAF7F2;
	--fr-reading-text: #242C28;
	--fr-reading-muted: #606A64;
	--fr-reading-border: #D8DED7;
	--fr-reading-callout: #E9E7E0;
}