/** * Coretura Dark Theme -- Pico CSS Variable Overrides * * Paste this into your project's CSS after your Pico import. * Targets Pico's dark theme scope. If your project uses the * data-theme="dark" attribute on , this will apply automatically. * * Usage: * @import "picocss/pico.min.css"; * @import "coretura-dark.css"; */ [data-theme="dark"], :root:not([data-theme="light"]) { --pico-font-family: Poppins, sans-serif; --pico-font-size: 16px; --pico-primary: oklch(0.80 0.11 236.96); --pico-primary-hover: oklch(0.72 0.13 236.96); --pico-border-radius: 0.5rem; --pico-spacing: 1rem; --pico-card-background-color: oklch(0.28 0.04 260.33); --pico-muted-color: oklch(0.93 0 0); --pico-muted-border-color: oklch(0.44 0.01 271.36); } /* * Optional: load Poppins from Google Fonts if not already in your project. * Remove this block if you are loading the font another way. */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');