/**
 * Jumbo custom Klaro theme.
 *
 * Klaro builds its whole palette from CSS custom properties declared on
 * the `.klaro` root (each rule uses e.g. `var(--green1, #1a936f)`), so
 * overriding those variables here re-colors the entire widget.
 *
 *  - Background:  #1a3441   (--dark1 / --dark2)
 *  - Accent:      #0ca6ba   (replaces the greens: buttons, links, toggles)
 */
.klaro {
    /* Backgrounds */
    --dark1: #1a3441;
    --dark2: #24505f;
    --dark3: #b9ccd3;

    /* Accent color (replaces Klaro's greens) */
    --green1: #0ca6ba;
    --green2: #0ca6ba;
    --green3: #0b95a6;

    /* Text */
    --light1: #ffffff;
    --light2: #24505f;
    --light3: #b9ccd3;

    /* Button text stays white for contrast on the turquoise accent */
    --button-text-color: #ffffff;
}