/* city-cle.css — Cleveland (GetOut216) theme overrides. Strategy: use [data-city="cle"] selector (set on by Base.astro) so these overrides have higher specificity than the plain :root in tokens.css and win regardless of stylesheet load order. Palette: Guardians navy #0C2340 (ground) + Guardians red #E31937 (accent). Red ramp: #FF5A6E → #E31937 → #B3122B Contrast notes: #E31937 on #0C2340 ≈ 4.7:1 — AA for large/UI. Active labels use #FFE0E4 (≈14:1). --accent-ink #C41230 on cream ≈ 5.0:1 — AA for all text. Large hero accent uses --accent (#E31937) at ≥4.0:1 — fine at hero size. */ :root[data-city="cle"] { --streetmap-pos: 56% 94%; --streetmap-size: 152%; --strip-gradient: linear-gradient(90deg, #5c0a16 0%, #b3122c 20%, var(--accent, #E31937) 38%, #ff6b7d 50%, var(--accent, #E31937) 62%, #b3122c 80%, #5c0a16 100%); /* Core accent (Guardians red) */ --accent: #E31937; --accent-deep: #B3122B; /* dark stop of red ramp */ --accent-light: #FF8096; /* light mid of red ramp */ --accent-rgb: 227, 25, 55; --accent-grad-start: #FF5A6E; /* light stop of CTA gradient */ /* Dark grounds (Guardians navy replaces near-black) */ --ground: #0C2340; --ground2: #0F2D55; /* Street-map poster + RGB triplet for rgba() scrim */ --streetmap: url('/streetmap-cle-dark-v2.webp'); --streetmap-m: url('/streetmap-cle-dark-v2-m.webp'); --ground-rgb: 12, 35, 64; /* #0C2340 as RGB triplet */ /* Nav text on navy — must not be red (3.2:1 too low for small text) */ --nav-on-ground: #D4DEEC; /* steel-blue-white: muted on navy (idle) */ --nav-on-ground-bright: #FFFFFF; /* pure white: active/hover */ /* Filter chips on navy ground */ --chip-bg: #0C2340; /* idle: matches --ground */ --chip-bg-hover: #0F2D55; /* hover: matches --ground2 */ --chip-text: #D4DEEC; /* idle chip text: same as nav-on-ground */ /* Vibe cards on navy */ --card-dark: #0C2340; /* AA-safe accent for text on cream (light mode). Darkened per spec. */ --accent-ink: #C41230; } /* Dark mode accent-ink on navy/dark grounds */ @media (prefers-color-scheme: dark) { :root[data-city="cle"] { --accent-ink: #E31937; --nav-on-ground: #D4DEEC; --nav-on-ground-bright: #FFFFFF; } } :root[data-city="cle"][data-theme="dark"] { --accent-ink: #E31937; } :root[data-city="cle"][data-theme="light"] { --accent-ink: #C41230; } /* DC 2026-07-20: navy canvas (default-dark for Cleveland) */ :root[data-city="cle"][data-theme="dark"]{ --paper:#0C2340; --line:#1E3A5C; }