/* Brand overrides for the Klaro consent UI.
   Loaded after klaro.css. Klaro uses 3-class selectors so we either match the
   specificity or set the CSS custom properties Klaro exposes. */

:root {
    --green1: #2563EB;            /* Accept button (success) */
    --green2: #1d4ed8;            /* Accept hover variant */
    --blue1: #404040;             /* Info / Decline button */
    --dark1: #1a1a1a;             /* Notice background */
    --dark2: #262626;             /* Inner panels */
    --dark3: #404040;             /* Borders */
    --light1: #e5e5e5;            /* Body text on dark */
    --light2: #d1d5db;            /* Muted text */
    --button-text-color: #ffffff;
}

/* Match Klaro's selector specificity for the colour-driven bits */
.klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro .context-notice .cm-btn.cm-btn-success,
.klaro .cookie-notice .cm-btn.cm-btn-success {
    background-color: #2563EB;
    color: #fff;
}
.klaro .cookie-modal .cm-btn.cm-btn-success:hover,
.klaro .context-notice .cm-btn.cm-btn-success:hover,
.klaro .cookie-notice .cm-btn.cm-btn-success:hover {
    background-color: #1d4ed8;
}

.klaro .cookie-modal .cm-btn.cm-btn-info,
.klaro .context-notice .cm-btn.cm-btn-info,
.klaro .cookie-notice .cm-btn.cm-btn-info {
    background-color: #404040;
    color: #fff;
}
.klaro .cookie-modal .cm-btn.cm-btn-info:hover,
.klaro .context-notice .cm-btn.cm-btn-info:hover,
.klaro .cookie-notice .cm-btn.cm-btn-info:hover {
    background-color: #525252;
}

.klaro .cookie-notice:not(.cookie-modal-notice) {
    background-color: #1a1a1a;
    color: #e5e5e5;
}

.klaro .cookie-notice .cn-learn-more,
.klaro .cookie-notice .cn-body .cn-learn-more {
    color: #3b82f6;
}
.klaro .cookie-notice .cn-learn-more:hover {
    color: #60a5fa;
}

.klaro .cookie-notice .cn-body,
.klaro .cookie-modal .cm-modal {
    font-family: system-ui, "Nunito", "Helvetica Neue", Helvetica, sans-serif;
}