/* CP Cookie Banner — locoaddon.com brand theme.
   Green focus + cyan secondary. */

.cppb-banner,
.cppb-modal,
.cppb-fab {
    --cppb-focus: #30b230;
    --cppb-secondary: #01b5ec;
    --cppb-bg-soft: #efffef;
    --cppb-text-dark: #0a1a0a;
    --cppb-text-muted: #5c605c;
    /* 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: #0d1031;
    /* The accent darkened to pass AA as text or an icon on white.
       Same hue; used for links and the FAB glyph. */
    --cppb-link: #248724;
    --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 15.63:1, muted 8.13:1,
   link 6.18:1, on-pill 6.64:1, pill-vs-surface 6.18:1. */
.cppb-banner--dark,
.cppb-modal--dark,
.cppb-fab--dark {
    --cppb-bg: #141d19;
    --cppb-bg-soft: #1f2c27;
    --cppb-text-dark: #f2f4f7;
    --cppb-text-muted: #aab3bf;
    --cppb-border: rgba(255, 255, 255, 0.14);
    --cppb-focus: #30b230;
    --cppb-on-focus: #0d1031;
    --cppb-link: #30b230;
}