/**
 * Design tokens — Premium Editorial system, extracted from the approved
 * mockups in docs/premium-editorial/ (Home + Listicle). Supersedes the dark
 * HomeJ system entirely (user decision, 2026-08-02).
 *
 * Light "paper" editorial look: cream surfaces, ink serif display, one teal
 * accent, hairline rules, sharp corners (2px only on controls).
 *
 * ACCENT: mockup brand options — teal #0f5c5b (default), maroon #7b2d26,
 * navy #1f3a5f, green #2f5a34. Swap --teal/--teal-hover to change sitewide.
 */

:root {
	/* Surfaces */
	--paper: #f6f3ec;
	--paper-2: #efe9dd;
	--surface: #ffffff;
	--rule: #e6dfd2;
	--rule-strong: #d6cdbb;

	/* Text (names match the mockup files for copy-paste fidelity) */
	--ink: #1c1917;
	--body: #38352f;
	--muted: #6e6a62;
	--faint: #8c8578;

	/* Accent */
	--teal: #0f5c5b;
	--teal-hover: #0a4746;

	/* Signals (also the semantic score scale: ≥6.5 good · ≥5 caution · below poor) */
	--good: #3f6b3a;
	--caution: #b7791f;
	--poor: #a23b2e;
	--gold: #b7791f;
	--gold-border: #d9b96a;
	--highlight: #fbf6ea;      /* best-in-class row/card wash */

	/* Dark editorial band ("By the numbers") */
	--band-bg: var(--ink);
	--band-kicker: #c9b98a;
	--band-text: #b8b2a6;
	--band-rule: #3a3630;

	/* Shape & layout */
	--radius: 0px;
	--radius-ctl: 2px;         /* form controls & buttons only */
	--maxw: 1200px;

	/* Type */
	--font-sans: 'Libre Franklin', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	--font-serif: 'Newsreader', Georgia, 'Times New Roman', serif;

	/* ── Legacy aliases (HomeJ-era names still used in a few places) ──
	   Do not use in new code; migrate to the names above when touching. */
	--bg: var(--paper);
	--bg-deep: var(--paper-2);
	--surface-2: var(--paper-2);
	--surface-3: var(--paper-2);
	--border: var(--rule);
	--border-strong: var(--rule-strong);
	--text: var(--ink);
	--text-muted: var(--muted);
	--text-dim: var(--faint);
	--ac: var(--teal);
	--ac-ink: #ffffff;
	--ac-dim: rgba(15, 92, 91, 0.08);
	--ok: var(--good);
	--down: var(--poor);
	--warn: var(--caution);
	--warn-ink: #ffffff;
	--accent: var(--teal);
	--accent-dim: var(--ac-dim);
	--font-mono: var(--font-sans); /* mono retired: numerals use .tnum instead */
}