/* amWeb Consent: map Klaro's palette to the Azurio/amWeb design tokens. */
.klaro {
  --font-family: var(--_font-default);
  --dark1: var(--base-tint);
  --dark2: var(--t-medium);
  --dark3: var(--t-medium);
  --light1: var(--t-bright);
  --light2: var(--t-medium);
  --light3: var(--t-medium);
  --white2: var(--base-opp);
  --white3: var(--base);
  --green1: var(--accent);
  --green2: var(--accent);
  --green3: var(--pt-t-accent-muted);
  --blue1: var(--accent);
  --blue2: var(--pt-t-accent-medium);
  --button-text-color: var(--pt-t-accent-bright);
  --amweb-consent-link: var(--accent);
}

@media (prefers-color-scheme: dark) {
  .klaro {
    --amweb-consent-link: var(--pt-t-accent-medium);
  }
}

[color-scheme="light"] .klaro {
  --amweb-consent-link: var(--accent);
}

[color-scheme="dark"] .klaro {
  --amweb-consent-link: var(--pt-t-accent-medium);
}

.klaro .cookie-modal a,
.klaro .context-notice a,
.klaro .cookie-notice a,
.klaro .cookie-modal .cm-caret a {
  color: var(--amweb-consent-link);
}

.klaro .cookie-modal a:hover,
.klaro .context-notice a:hover,
.klaro .cookie-notice a:hover,
.klaro .cookie-modal .cm-caret a:hover {
  color: var(--t-bright);
}

.klaro .cookie-modal .cm-btn:focus-visible,
.klaro .context-notice .cm-btn:focus-visible,
.klaro .cookie-notice .cm-btn:focus-visible,
.klaro .cookie-modal .cm-list-input:focus-visible + .cm-list-label .slider,
.klaro .context-notice .cm-list-input:focus-visible + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:focus-visible + .cm-list-label .slider {
  outline: 2px solid var(--amweb-consent-link);
  outline-offset: 3px;
}