/* CP Cookie Banner — cooltimeline.com brand theme.
   Red focus + teal secondary. Token values mirror CLAUDE.md. */

.cppb-banner,
.cppb-modal,
.cppb-fab {
    --cppb-focus: #c7374b;
    --cppb-secondary: #12c1ba;
    --cppb-bg-soft: #fff1f3;
    --cppb-text-dark: #1e1e1c;
    --cppb-text-muted: #6b6b6b;
    /* Text that sits ON --cppb-focus. White fails WCAG AA on six of
       the seven accents, so this is per theme, not global. */
    --cppb-on-focus: #ffffff;
    /* The accent darkened to pass AA as text or an icon on white.
       Same hue; used for links and the FAB glyph. */
    --cppb-link: #c7374b;
    --cppb-bg: #ffffff;
    --cppb-border: rgba(0, 0, 0, 0.08);
}


/* ---------- Dark scheme ---------------------------------------------------
   Every value here was derived and checked against WCAG rather than picked by
   eye (scratchpad/dark-palettes.php). Targets: body text >= 7:1 on the
   surface, muted text and links >= 4.5:1, text on the accent pill >= 4.5:1,
   and the pill itself >= 3:1 against the surface so it reads as a control
   (1.4.11) and not as part of the background.

   The surface carries ~6% of the brand hue. Pure neutral greys make all seven
   themes look like the same plugin; a trace of hue keeps the banner recognisably
   part of the site without muddying any text pair.

   Measured for this theme: text 16.11:1, muted 8.38:1,
   link 4.52:1, on-pill 5.15:1, pill-vs-surface 3.45:1. */
.cppb-banner--dark,
.cppb-modal--dark,
.cppb-fab--dark {
    --cppb-bg: #1d161b;
    --cppb-bg-soft: #2b2229;
    --cppb-text-dark: #f2f4f7;
    --cppb-text-muted: #aab3bf;
    --cppb-border: rgba(255, 255, 255, 0.14);
    --cppb-focus: #c7374b;
    --cppb-on-focus: #ffffff;
    --cppb-link: #d1596a;
}