/* ==========================================================================
   cookieconsent-theme.css — Brand overrides for vanilla-cookieconsent
   Overrides the library's --cc-* custom properties with Nordvest tokens.
   Loaded directly after vendor cookieconsent.css (not part of the
   @layer chain in main.css) so these values win in the cascade.
   ========================================================================== */

:root {
  --cc-font-family: var(--font-body);
  --cc-bg: var(--color-white);
  --cc-primary-color: var(--color-text);
  --cc-secondary-color: var(--color-text-muted);
  --cc-link-color: var(--color-accent-text);

  --cc-modal-border-radius: var(--radius-lg);
  --cc-btn-border-radius: var(--radius-sm);
  --cc-modal-margin: var(--space-4);
  --cc-modal-transition-duration: var(--duration-normal);
  --cc-overlay-bg: color-mix(in srgb, var(--color-black) 65%, transparent);

  /* Primary button — "Accept all" (matches .btn--primary) */
  --cc-btn-primary-bg: var(--color-accent);
  --cc-btn-primary-color: var(--color-black);
  --cc-btn-primary-border-color: var(--color-accent);
  --cc-btn-primary-hover-bg: var(--color-accent-dark);
  --cc-btn-primary-hover-color: var(--color-black);
  --cc-btn-primary-hover-border-color: var(--color-accent-dark);

  /* Secondary button — "Reject all" / "Manage preferences" */
  --cc-btn-secondary-bg: var(--color-surface-2);
  --cc-btn-secondary-color: var(--color-text);
  --cc-btn-secondary-border-color: var(--color-surface-2);
  --cc-btn-secondary-hover-bg: var(--color-rule);
  --cc-btn-secondary-hover-color: var(--color-text);
  --cc-btn-secondary-hover-border-color: var(--color-rule);

  /* Category toggles in the preferences modal */
  --cc-toggle-on-bg: var(--color-accent);
  --cc-toggle-off-bg: var(--color-text-muted);
  --cc-toggle-on-knob-bg: var(--color-white);
  --cc-toggle-off-knob-bg: var(--color-white);
  --cc-toggle-readonly-bg: var(--color-surface-2);
  --cc-toggle-readonly-knob-bg: var(--color-white);
  --cc-toggle-readonly-knob-icon-color: var(--color-text-muted);

  /* Expandable category blocks */
  --cc-cookie-category-block-bg: var(--color-surface);
  --cc-cookie-category-block-border: var(--color-rule);
  --cc-cookie-category-block-hover-bg: var(--color-surface-2);
  --cc-cookie-category-block-hover-border: var(--color-rule);
  --cc-cookie-category-expanded-block-bg: transparent;
  --cc-cookie-category-expanded-block-hover-bg: var(--color-surface);
  --cc-section-category-border: var(--color-rule);

  /* Preferences modal footer */
  --cc-footer-bg: var(--color-surface);
  --cc-footer-color: var(--color-text-muted);
  --cc-footer-border-color: var(--color-rule);
}