/* ============================================================================ gc-tokens.css — Gcourses shared design-system foundation ---------------------------------------------------------------------------- Additive & low-risk by design: 1. Adds NEW system tokens (spacing / radius / shadow / type / motion / z) under the --gc-* namespace — no collision with existing page tokens. 2. Adds DARK-MODE overrides for the color vocabulary every page already uses (--purple, --blush, --white, --text, ...). These use higher- specificity selectors (:root[data-theme="dark"]) so they win over each page's inline :root{} without touching any component CSS. 3. Adds accessibility primitives: visible :focus-visible ring, .sr-only, and prefers-reduced-motion damping. Theme resolution (see gc-theme.js): • → forced dark • → forced light (wins over OS dark) • no attribute → follows the OS via prefers-color-scheme Load this BEFORE each page's own