/*
 * Theme for the shared <rckt-consent> banner and dialog (see consent.js),
 * from each page's own tokens. The element follows the page's color-scheme
 * (color-scheme="inherit"), and the tokens already switch with
 * prefers-color-scheme, so light and dark need no rules of their own here.
 * device.html has its own palette, hence the fallbacks.
 */
rckt-consent {
  --rckt-consent-font: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --rckt-consent-bg: var(--surface);
  --rckt-consent-fg: var(--text);
  --rckt-consent-muted: var(--text2, var(--muted));
  --rckt-consent-accent: var(--accent);
  --rckt-consent-accent-fg: var(--accent-ink, #ffffff);
  --rckt-consent-border: var(--border);
  --rckt-consent-focus: var(--accent-text, var(--accent-hi));
  --rckt-consent-radius: 12px;
}

/* The policy link is text on the banner, so it takes the text-safe accent. */
rckt-consent::part(link) {
  color: var(--accent-text, var(--accent-hi));
}

/* "Privacy choices" in each footer. */
[data-rckt-consent-open] {
  cursor: pointer;
}