/* ── CookieConsent v3 theme ───────────────────────────────────────────────
   Maps Orest Bida's CookieConsent to the ReadOnly Studios design tokens
   (assets/css/base.css). The plugin defines its --cc-* variables on #cc-main;
   we override the same scope and rely on source order — this file is loaded
   AFTER cookieconsent.css, so these win. */
#cc-main {
  --cc-font-family: var(--font-sans);
  --cc-bg: var(--card);
  --cc-primary-color: var(--ink);
  --cc-secondary-color: var(--ink-2);
  --cc-link-color: var(--accent);

  --cc-btn-border-radius: var(--radius);
  --cc-modal-border-radius: var(--radius-lg);

  /* Accept all → matches .btn-primary (dark ink) */
  --cc-btn-primary-bg: var(--ink);
  --cc-btn-primary-color: var(--paper-2);
  --cc-btn-primary-border-color: var(--ink);
  --cc-btn-primary-hover-bg: #000;
  --cc-btn-primary-hover-color: var(--paper-2);
  --cc-btn-primary-hover-border-color: #000;

  /* Reject all / Manage → matches .btn-secondary (light, bordered).
     Equal prominence to Accept is enforced via guiOptions.equalWeightButtons. */
  --cc-btn-secondary-bg: var(--card);
  --cc-btn-secondary-color: var(--ink-2);
  --cc-btn-secondary-border-color: var(--hairline-strong);
  --cc-btn-secondary-hover-bg: var(--paper);
  --cc-btn-secondary-hover-color: var(--ink);
  --cc-btn-secondary-hover-border-color: var(--ink);

  /* Toggles — accent (Python-blue) for the enabled state */
  --cc-toggle-on-bg: var(--accent);
  --cc-toggle-off-bg: var(--hairline-strong);
  --cc-toggle-on-knob-bg: #fff;
  --cc-toggle-off-knob-bg: #fff;
  --cc-toggle-readonly-bg: var(--hairline);
  --cc-toggle-readonly-knob-bg: var(--paper-2);
  --cc-toggle-readonly-knob-icon-color: var(--muted);

  --cc-separator-border-color: var(--hairline);
  --cc-overlay-bg: rgba(20, 17, 13, .5);

  --cc-cookie-category-block-bg: var(--paper-2);
  --cc-cookie-category-block-border: var(--hairline);
  --cc-cookie-category-block-hover-bg: var(--paper);
  --cc-cookie-category-block-hover-border: var(--hairline-strong);
  --cc-cookie-category-expanded-block-bg: var(--paper);
  --cc-cookie-category-expanded-block-hover-bg: var(--hairline);

  --cc-footer-bg: var(--paper-2);
  --cc-footer-color: var(--muted);
  --cc-footer-border-color: var(--hairline);
}

/* Match the site's elevated-card shadow on both modals */
#cc-main .cm,
#cc-main .pm { box-shadow: var(--shadow-md); }