/* Code Maps design tokens: the single source for colour, type and elevation across the site, the platform pages and the app. Light = "Día", dark = "Noche" (same palettes as the 3D app in index.html). Pages opt into dark with or follow the OS when no theme is set. */ :root { --fog:#e6ecef; --ink:#14213d; --plate:#ffffff; --panel:#fffffff2; --line:#cfd8df; --muted:#5d6b82; --soft:#f1f5f7; --hover:#14213d0d; --survey:#2452d6; --hazard:#e0342b; --orange:#ee6c1a; --amber:#f2a900; --low:#4f95d8; --moss:#2f9e77; --pbg:#14213d; --pfg:#ffffff; --pbgh:#1f3160; --heat:linear-gradient(90deg,#f7fafc,#ffe08a,#ffb347,#ff7a3d,#e0342b,#8a0d24); --display:"Bricolage Grotesque", system-ui, sans-serif; --ui:"Instrument Sans", system-ui, sans-serif; --lift:0 1px 2px #14213d14, 0 12px 32px -8px #14213d38; --radius:14px; --radius-sm:8px; --measure:68ch; --gutter:clamp(16px, 4vw, 40px); --page:1180px; } :root[data-theme="noche"] { --fog:#0d1321; --ink:#e4ebf7; --plate:#151d2e; --panel:#151d2eee; --line:#2a3650; --muted:#93a3c0; --soft:#1c2740; --hover:#ffffff10; --survey:#7aa2ff; --hazard:#ff6b61; --pbg:#7aa2ff; --pfg:#0d1321; --pbgh:#9bb9ff; --lift:0 1px 2px #0008, 0 16px 40px -10px #000c; } @media (prefers-color-scheme: dark) { :root:not([data-theme="dia"]) { --fog:#0d1321; --ink:#e4ebf7; --plate:#151d2e; --panel:#151d2eee; --line:#2a3650; --muted:#93a3c0; --soft:#1c2740; --hover:#ffffff10; --survey:#7aa2ff; --hazard:#ff6b61; --pbg:#7aa2ff; --pfg:#0d1321; --pbgh:#9bb9ff; --lift:0 1px 2px #0008, 0 16px 40px -10px #000c; } }