/* Fleet220 WP theme — token defaults. * * The Laravel site sets `data-fs="md" data-density="standard" data-palette="…"` * on (the layout default is data-palette="electric"). In WordPress the * front-end can't easily set those on and the block editor renders * inside an iframe, so instead we pin the DEFAULT design tokens straight on * :root here (loaded right after tokens.css). This applies identically on the * front-end and inside the editor iframe — no attribute wiring, no JS timing. * * PALETTE: tokens.css's base :root carries the GREEN (forest) palette. The * site's default is "electric" (cyan/blue) — the look most pages use — so we * replicate its accent overrides on :root here. It only overrides * --accent-900…-300; the derived --accent (var(--accent-700)) and * --accent-spark (var(--accent-400)) resolve to these at use-time, so the whole * UI turns electric. (Per-page palettes — e.g. forest on home/chi-siamo — are a * later refinement; see MIGRATION.md.) * * data-fs="md" == 100% (browser default), so nothing to set for it. Density * variables live under a [data-density] selector, so we replicate "standard". */ :root { /* Density — "standard" */ --density: 1; --section-py: var(--space-9); /* Palette — "electric" (default), copied verbatim from tokens.css's :root[data-palette="electric"]. */ --accent-900: #052836; --accent-800: #064760; --accent-700: #096c8c; --accent-600: #0e8aaf; --accent-500: #20b2d4; --accent-400: #5dd5ed; --accent-300: #a4e7f5; } /* Logged-in users: offset the sticky header below the WordPress admin bar (32px desktop, 46px on the mobile breakpoint) so it never hides under it. */ body.admin-bar .nav { top: 32px; } @media screen and (max-width: 782px) { body.admin-bar .nav { top: 46px; } } /* NB: eyebrow-pill overrides live in overrides.css (loaded AFTER components.css, so they win by source order — here they would be overridden by components). */