/*
 * ConsentPilot surfaces for MonPilates: every --cp-* property maps to the theme tokens (maple paper, leather ink,
 * coral accent), so the banner follows the light and dark themes. Accept and refuse share one visual weight.
 */
:root {
    --cp-bg-solid: var(--card, #fdfaf6);
    --cp-bg-muted: var(--bg-2, #f3ece2);
    --cp-text: var(--ink, #2b2019);
    --cp-text-secondary: var(--ink-2, #5c4b3f);
    --cp-text-inverse: var(--bg, #f8f3ec);
    --cp-border: var(--line, #e6dccf);
    --cp-border-strong: var(--line-2, #d7c9b8);
    --cp-accent: var(--accent, #c8492f);
    --cp-accent-hover: var(--accent-2, #b23f28);
    --cp-accent-soft: var(--accent-soft, #f6dfd6);
    --cp-accent-text: var(--on-accent, #fff8f2);
    --cp-decision: var(--ink, #2b2019);
    --cp-decision-hover: var(--ink-2, #5c4b3f);
    --cp-decision-text: var(--bg, #f8f3ec);
    --cp-toggle-bg: var(--line-2, #d7c9b8);
    --cp-toggle-bg-on: var(--accent, #c8492f);
    --cp-toggle-knob: var(--card, #fdfaf6);
    --cp-focus-color: var(--accent, #c8492f);
    --cp-shadow: 0 18px 44px -22px rgb(0 0 0 / 35%);
    --cp-shadow-dialog: 0 24px 60px -28px rgb(0 0 0 / 45%);
}

.consentpilot-banner,
.consentpilot-modal {
    font-family: var(--f, system-ui, sans-serif);
    font-stretch: 100%;
}

.consentpilot-banner__link,
.consentpilot-modal__privacy a,
.consentpilot-kicker {
    color: var(--accent-ink, #a53a24);
}

.consentpilot-kicker::before {
    background: var(--accent, #c8492f);
}

/* Above the phone tab bar and the reading dock. */
@media (max-width: 900px) {
    .consentpilot-banner {
        bottom: calc(76px + env(safe-area-inset-bottom)) !important;
    }
}