/* * r2-landing.css — R2 redesign visual overrides for docs/index.html * * Loaded after tokens.css and foundation.css (all three are linked at the * end of ). Additive CSS-first approach: no existing behaviour, * content, IDs, event handlers, or JS-controlled inline styles are * modified. !important is used only for purely visual properties (never on * display, opacity, width, transform, left, borderColor that JS writes at * runtime). * * Design system rules (from handoff README): * - Visible grid; 2px solid #0f172a section dividers * - Palette: ink / accent / white / bg-tinted * - border-radius: 0 everywhere; no shadows; no gradients * - Left-aligned typography; 44px minimum touch targets; 48px buttons * - System-font only (no Google Fonts or external CDN assets) * * Scope: docs/index.html ONLY (R2 phase). Remove before touching any other * public HTML page — that requires a separate R3/R4/R5 gate. */ /* ==================================================================== 1. LEGACY TOKEN BRIDGE Kill old --radius / --shadow custom properties so all var() references in the existing