/* Light theme tokens; the stylesheet media follows the system or saved choice. */
:root {
    color-scheme: light;
    --bg: var(--color-silver);
    --fg: var(--color-ink);
    --link: var(--color-ink);
    --quote: var(--color-ink);
    --meta: var(--color-ink);
    --accent: var(--color-ink);
    --bg-halo-a: var(--color-mint);
    --bg-halo-b: var(--color-powder-blue);
    --bg-halo-c: var(--color-rose);
    --background-saturation: 2.4;
    --grain-opacity: .065;
    --grain-contrast: 1;
    --grain-size: 192px;

    /* Same OKLCH hues as dark mode at the most chroma sRGB allows while
       holding 3:1 against parchment (the non-text contrast floor — most
       accents are borders). Red, blue, violet and magenta keep their full
       dark-mode chroma; the naturally light hues (yellow, green, orange,
       cyan) can't go that dark without greying and land at 71–85%. Text
       drawn in an accent deepens further via --accent-text-shade. */
    --accent-a: var(--color-light-accent-a);
    --accent-b: var(--color-light-accent-b);
    --accent-c: var(--color-light-accent-c);
    --accent-d: var(--color-light-accent-d);
    --accent-e: var(--color-light-accent-e);
    --accent-f: var(--color-light-accent-f);
    --accent-g: var(--color-light-accent-g);
    --accent-h: var(--color-light-accent-h);
    --accent-text-shade: 20%;

    --shadow-color: var(--color-ink);
    /* Opaque panels keep the atmospheric background outside the content. */
    --surface: var(--color-porcelain);

    --nav-bg: var(--bg);
    --nav-fg: var(--color-ink);
    --nav-hover-bg: var(--color-ink);
    --nav-hover-fg: var(--bg);
    --nav-hover-border: var(--color-ink);

    --card-subtitle: var(--color-parchment);

    --signature-filter: invert(0) sepia(1) saturate(0.5) hue-rotate(120deg) brightness(0.1) contrast(1.2);
}