/*
 * Theme overrides for vanilla-cookieconsent so the banner matches the Job
 * Boardly marketing site instead of the library's default look. Maps the
 * library's --cc-* variables onto the site design tokens defined in
 * bundle.css (:root). Loaded after cookieconsent.css so these win.
 */
#cc-main {
  --cc-font-family: var(--sans), sans-serif;

  --cc-bg: var(--paper-light, #faf8f3);
  --cc-primary-color: var(--ink, #0e0e0e);
  --cc-secondary-color: var(--ink-soft, #3d3d3d);

  --cc-btn-border-radius: var(--radius, 10px);

  /* Primary (Accept) — brand blue */
  --cc-btn-primary-bg: var(--accent, #2a5cff);
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-border-color: var(--accent, #2a5cff);
  --cc-btn-primary-hover-bg: #1f4ad6;
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-primary-hover-border-color: #1f4ad6;

  /* Secondary (Reject / Manage) — paper with border */
  --cc-btn-secondary-bg: var(--paper-dark, #ede9e0);
  --cc-btn-secondary-color: var(--ink, #0e0e0e);
  --cc-btn-secondary-border-color: var(--border, #ddd9d0);
  --cc-btn-secondary-hover-bg: var(--paper, #f4f1eb);
  --cc-btn-secondary-hover-color: var(--ink, #0e0e0e);
  --cc-btn-secondary-hover-border-color: var(--ink-muted, #888);

  /* Toggles "on" use the brand accent */
  --cc-toggle-on-bg: var(--accent, #2a5cff);
  --cc-toggle-readonly-bg: var(--ink-muted, #888);

  --cc-separator-border-color: var(--border, #ddd9d0);
  --cc-cookie-category-block-bg: var(--paper, #f4f1eb);
  --cc-cookie-category-block-border: var(--border, #ddd9d0);
  --cc-cookie-category-block-bg-hover: var(--paper-dark, #ede9e0);

  --cc-modal-border-radius: 14px;
  --cc-link-color: var(--accent, #2a5cff);
}

/* Links inside the banner/modal copy pick up the brand accent. */
#cc-main a,
#cc-main a:hover {
  color: var(--accent, #2a5cff);
}