/* Brand theming for the vendored CookieConsent library (public/cookieconsent.js /
   cookieconsent.css). Kept as a separate override file rather than editing the vendored
   CSS directly, so the pinned upstream file stays byte-diffable against the npm release
   (Ei-HB scratch-sites-standards §6: "self-host a pinned version... re-review before
   bumping" — that review is only meaningful if the vendored file is untouched).

   Values pulled directly from src/styles/site.css's own tokens — this file has no
   palette of its own, it just maps EI's existing --ink/--crimson/etc. onto the
   library's documented --cc-* theming API (the full list of which lives in
   cookieconsent.css's own :root block). */
:root {
  --cc-font-family: var(--font-body);

  --cc-bg: var(--paper);
  --cc-primary-color: var(--ink);
  --cc-secondary-color: var(--muted);

  --cc-modal-border-radius: var(--radius-lg);
  --cc-btn-border-radius: 999px; /* match .btn's pill shape in site.css */

  --cc-btn-primary-bg: var(--crimson);
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-hover-bg: var(--crimson-deep);
  --cc-btn-primary-hover-color: #fff;

  /* Mirrors .btn--ghost: transparent fill, ink border/text, solid ink on hover. */
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: var(--ink);
  --cc-btn-secondary-border-color: var(--ink);
  --cc-btn-secondary-hover-bg: var(--ink);
  --cc-btn-secondary-hover-color: var(--cream);
  --cc-btn-secondary-hover-border-color: var(--ink);

  --cc-toggle-on-bg: var(--blue);
  --cc-toggle-off-bg: var(--hairline-dk);
  --cc-link-color: var(--blue);

  --cc-cookie-category-block-bg: var(--cream);
  --cc-cookie-category-block-border: var(--hairline);
  --cc-cookie-category-block-hover-bg: var(--hairline);
  --cc-cookie-category-block-hover-border: var(--hairline);

  --cc-footer-bg: var(--cream);
  --cc-footer-color: var(--muted);
  --cc-footer-border-color: var(--hairline);

  --cc-overlay-bg: rgba(0, 0, 63, 0.55); /* ink-tinted, not the library's flat black */
}

/* The library resets font-weight to 400 on everything (#cc-main * { all: unset }), so
   button label weight needs restoring explicitly to match site.css's .btn (weight 700) —
   a --cc-* variable does not cover this, there is no themeable font-weight token. */
#cc-main button.cm__btn,
#cc-main button.pm__btn {
  font-weight: 700;
}