:root {
    --consent-primary: #1c1d1f;
    --consent-primary-text: #ffffff;
    --consent-secondary: #f1f2ef;
    --consent-secondary-text: #1c1d1f;
    --consent-focus: var(--consent-primary);
    --consent-success: var(--base-color);
    --consent-radius: 10px;
    --consent-font: "Inter", system-ui, sans-serif;
}

.cm-consent-banner .cm-consent-actions > .cm-consent-button--primary:first-child {
    color: var(--consent-primary);
    background: var(--consent-surface);
}

.cm-consent-button--secondary {
    border-color: var(--consent-secondary-text);
}

.cm-consent-toggle-input:checked + .cm-consent-toggle-control {
    box-shadow: inset 0 0 0 1px var(--consent-primary);
}

.cm-consent-toggle-input:checked + .cm-consent-toggle-control::after {
    background: var(--consent-primary);
}

.consent-map-placeholder {
    min-height: 320px;
    padding: 48px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    text-align: center;
    background: #f5f5f5;
}

.consent-map-placeholder p { margin: 0; }
.consent-map-placeholder a { text-decoration: underline; }
.consent-map-placeholder[hidden], #map[hidden] { display: none !important; }