/* shared/styles/variables.css — design tokens as CSS custom properties (doc 10 §12) [GLB-5] * * NO styling framework (no Bootstrap/Tailwind). All tokens are CSS custom properties so components * reference `var(--…)` and theming is a later drop-in. A [data-theme="dark"] block overrides the * palette (theming is a later feature; the foundation supports it). RTL is handled by dir="rtl" on * + CSS logical properties in components — NOT per-component branching (doc 14). * * Import order (§12): variables.css -> base.css -> component