/*
 * ConsentPilot surfaces in the UnBebe language: points --cp-* at the --ub-*
 * tokens of the theme, so the light and dark modes follow on their own.
 */
:root {
    --cp-bg-solid: var(--ub-surface);
    --cp-bg-muted: var(--ub-bg);
    --cp-text: var(--ub-text);
    --cp-text-secondary: var(--ub-text-muted);
    --cp-text-inverse: var(--ub-surface);
    --cp-border: var(--ub-border);
    --cp-border-strong: color-mix(in oklab, var(--ub-text) 25%, var(--ub-surface));
    --cp-accent: var(--ub-accent);
    --cp-accent-hover: color-mix(in oklab, var(--ub-accent) 85%, #000);
    --cp-accent-soft: var(--ub-accent-bg);
    --cp-accent-text: #ffffff;
    --cp-decision: var(--ub-text);
    --cp-decision-hover: color-mix(in oklab, var(--ub-text) 80%, var(--ub-surface));
    --cp-decision-text: var(--ub-surface);
    --cp-toggle-bg: color-mix(in oklab, var(--ub-text) 25%, var(--ub-surface));
    --cp-toggle-bg-on: var(--ub-accent);
    --cp-toggle-knob: var(--ub-surface);
    --cp-focus-color: var(--ub-bleu-700);
    --cp-shadow: 0 18px 44px -22px rgb(0 0 0 / 30%);
    --cp-serif: var(--ub-font-display);
    --cp-sans: var(--ub-font-text);
}

.consentpilot-banner__link,
.consentpilot-modal__privacy a,
.consentpilot-kicker {
    color: var(--ub-bleu-700);
}

.consentpilot-kicker::before {
    background: var(--ub-accent);
}