/* Fenix CMS public-render component styles * CSS-VARS-MIGRATION sub-plan * * Every component renderer emits a stable BEM hook on its outermost wrapper * (BEM-HOOKS rule). This file styles those hooks using CSS variables emitted * by the active theme adapter (THEME-TOKENS rule). * * Rules followed: * - No hardcoded hex colors — all colour comes from var(--fenix-color-*) * - No hardcoded font names — typography uses var(--fenix-font-*) * - Bounded utility vocabulary (TAILWIND-VOCAB rule); replaces forbidden * text-slate-{N} / bg-slate-{N} / etc. emitted by legacy renderers. */ /* ── Fallback theme tokens (used when no adapter sets them) ──── Defaults are emitted on :root so they're inherited by every element. 2026-05-15 — these are wrapped in `:where(:root)` (ZERO specificity) on purpose. The theme override block `