/* ============================================================ Two-accent system, grounded in a real classification map. Base near-white, yellow + blue as the only accent colors, structural greys sampled from the source image. ============================================================ */ :root { color-scheme: light dark; --base: #FCFCFC; --ink: #111111; --ink-soft: #5C5C5C; --yellow: #FCD83C; --blue: #18B4FC; --grey-mid: #D8D8D8; --grey-soft: #E4E4E4; --grey-line: #C9C9C9; /* Fixed-dark surfaces (photo overlays with a hardcoded scrim) need text that never flips with the theme — see .tight-tile-overlay, .person-tag. */ --overlay-text: #FCFCFC; --overlay-text-soft: rgba(255, 255, 255, 0.75); /* Hero map edge-fade reach — how far the solid-color gradient intrudes from each edge before going transparent. Dark mode uses smaller values since the same reach reads as a heavier vignette against a dark base. */ --hero-fade-x: 8%; --hero-fade-x-inner: 4%; --hero-fade-bottom: 3%; --hero-fade-top: 7%; /* Font variables (--font-display, --font-accent-serif, --font-body, --font-mono) are injected as inline