/* ════════════════════════════════════════════════════════════════════
   EvidenceSeek — PRIVACY PAGE, LIGHT MODE
   Loaded AFTER privacy.html's embedded <style> to override its dark
   "deep ink" theme. Applied when es_theme=light (the client toggle
   enables/disables this always-present <link> live), tagging the document
   <html data-theme="light">. Internal links stay canonical — the cookie
   carries the theme, so there's no link rewriting.

   Strategy mirrors about-light.css / index-light.css: privacy.html drives
   all color through the same :root token roles the app uses (--ink for the
   page fill, --parchment* for text, --copper for links), so inverting those
   token VALUES flips the variable-driven rules for free. The privacy page
   has no backdrop image and no content band — it's already a flat fill — so
   the only surfaces that hard-code rgba() are the title-block hairline and
   the nav pill, patched below.

   NOTE: the :root values are kept identical to index-light.css's core
   palette so the design tokens can be lifted into a single shared stylesheet
   later with no reconciliation. --rgb-paper is the backdrop grey
   index-light.css currently inlines as the rgb(237,237,237) literal.
   ════════════════════════════════════════════════════════════════════ */

:root {
    /* Core palette — inverted vs the dark theme. */
    --ink: #fcfbf7;              /* light paper (page fill) */
    --parchment: #1c1b18;        /* primary text */
    --parchment-dim: #4a4742;    /* body text */
    --parchment-muted: #6f6b62;  /* labels, bullets, section numbers */
    --copper: #3a55ab;           /* links — slate blue, AA on light */

    /* ── Fixed RGB triplets (periwinkle / ink family) ── */
    --rgb-ink-dark:    28, 27, 24;    /* dark ink hairlines / hover wash */
    --rgb-white:      255, 255, 255;  /* nav-pill glass */
    --rgb-paper:      237, 237, 237;  /* backdrop grey — matches the dark page's fill role */
    --rgb-peri-light: 140, 170, 234;  /* glass border */
}

/* ── Page base ────────────────────────────────────────────────────────
   Flat grey fill (matching about-light.css and index-light.css's body
   base) rather than the paper-white --ink, so the light content pages share
   one background. */
body {
    background: rgb(var(--rgb-paper));
}

/* Title-block underline: parchment hairline → dark ink. */
.title-block {
    border-bottom: 1px solid rgba(var(--rgb-ink-dark), 0.12);
}

/* ── Navigation pill ──────────────────────────────────────────────────
   Dark glass → light glass with a periwinkle edge; hover wash flips to dark
   ink. Link colors ride --parchment* / --copper and flip for free. */
.nav-pill {
    background: rgba(var(--rgb-white), 0.55);
    border: 1px solid rgba(var(--rgb-peri-light), 0.6);
}

.nav-pill a:hover {
    background: rgba(var(--rgb-ink-dark), 0.06);
}
