/* ========================================================================== BLINDOGRAPHY — CENTRAL DESIGN SYSTEM ========================================================================== Single source of truth for design tokens (colors, spacing, radius, shadows, type, motion) and shared component styles (header, nav, footer, buttons, links, cards, forms, comments, pagination, tags, alerts, accessibility menu, skip link, focus states, tables, widgets, archive/ single/error/auth pages). Theme switching integrates with the EXISTING Accessibility Menu system (accessibilityMenu.php): it toggles an `accessibility-theme-light` / `accessibility-theme-dark` class on (only — never , that was dead duplication), or leaves neither present when the saved preference is "system" and prefers-color-scheme should apply via the @media fallback below. This file does not invent a new switching mechanism — it only supplies the tokens those classes (and the media-query fallback) resolve to. A small inline bootstrap script in header.php's (before any CSS paints) resolves and applies the same class from the same 'blindographyAccessibility' storage on first load, to avoid a flash of the wrong theme while waiting for accessibilityMenu.php's script (loaded near the end of ) to run. Load order: this file must be enqueued FIRST (see inc/template-parts/header/asset-versioning.php) so every other stylesheet and inline