:root {
    --georchestra-primary: #1fa22e;
    --georchestra-secondary: rgb(217,214,13);
    --georchestra-primary-light: rgb(255, 255, 255);
    --georchestra-secondary-light: rgb(234,226,109);
}


header {
    --georchestra-header-primary: rgb(5,32,22);
    --georchestra-header-secondary: rgb(217,214,13);
    --georchestra-header-primary-light: rgb(255, 255, 255);
    --georchestra-header-secondary-light: rgb(234,226,109);
}

/* Mapstore */
.geOrchestra[data-ms2-container="ms2"] {
    --georchestra-ms-primary: var(--georchestra-primary);
    --georchestra-ms-main-variant-color: rgb(0, 58, 59);

    --georchestra-ms-button-color: var(--georchestra-primary);
    --georchestra-ms-link-color: color-mix(in srgb, var(--georchestra-primary), #fff 30%);
    --georchestra-ms-link-hover-color: color-mix(
            in srgb,
            var(--georchestra-primary),
            #fff 50%
    );
    --georchestra-ms-loader-primary-color: var(--georchestra-primary);
    --georchestra-ms-loader-primary-fade-color: color-mix(
            in srgb,
            var(--georchestra-primary),
            #fff 75%
    );
    --georchestra-ms-focus-color: color-mix(in srgb, var(--georchestra-primary), #fff 90%);

    --georchestra-ms-button-bg: #fff;
    --georchestra-ms-button-border-color: #fff;
    --georchestra-ms-button-hover-color: color-mix(
            in srgb,
            var(--georchestra-primary),
            #fff 30%
    );
    --georchestra-ms-button-hover-bg: color-mix(in srgb, var(--georchestra-ms-button-bg), #000 15%);
    --georchestra-ms-button-hover-border-color: color-mix(
            in srgb,
            var(--georchestra-ms-button-bg),
            #000 15%
    );
    --georchestra-ms-button-disabled-bg: color-mix(in srgb, var(--georchestra-ms-button-bg), #fff 30%);
    --georchestra-ms-button-disabled-border-color: color-mix(
            in srgb,
            var(--georchestra-ms-button-bg),
            #fff 30%
    );
    --georchestra-ms-button-active-hover-bg: color-mix(
            in srgb,
            var(--georchestra-ms-button-bg),
            #000 30%
    );
    --georchestra-ms-button-active-border-color: color-mix(
            in srgb,
            var(--georchestra-primary),
            #000 30%
    );
    --georchestra-ms-button-active-color: color-mix(
            in srgb,
            var(--georchestra-primary),
            #fff 30%
    );
    --georchestra-ms-button-focus-border-color: color-mix(
            in srgb,
            var(--georchestra-primary),
            #000 30%
    );
    --georchestra-ms-button-active-hover-border-color: color-mix(
            in srgb,
            var(--georchestra-primary),
            #000 30%
    );
    --georchestra-ms-button-active-hover-color: color-mix(
            in srgb,
            var(--georchestra-primary),
            #000 30%
    );
    --georchestra-ms-button-focus-color: color-mix(
            in srgb,
            var(--georchestra-primary),
            #fff 30%
    );

    --georchestra-ms-button-primary-bg: var(--georchestra-primary);
    --georchestra-ms-button-primary-border-color: var(--georchestra-primary);
    --georchestra-ms-button-primary-hover-bg: color-mix(
            in srgb,
            var(--georchestra-ms-button-primary-bg),
            #000 15%
    );
    --georchestra-ms-button-primary-hover-border-color: color-mix(
            in srgb,
            var(--georchestra-ms-button-primary-bg),
            #000 15%
    );
    --georchestra-ms-button-primary-disabled-bg: color-mix(
            in srgb,
            var(--georchestra-ms-button-primary-bg),
            #fff 30%
    );
    --georchestra-ms-button-primary-disabled-border-color: color-mix(
            in srgb,
            var(--georchestra-ms-button-primary-bg),
            #fff 30%
    );
    --georchestra-ms-button-primary-active-hover-bg: color-mix(
            in srgb,
            var(--georchestra-ms-button-primary-bg),
            #000 30%
    );
    --georchestra-ms-button-primary-active-border-color: color-mix(
            in srgb,
            var(--georchestra-ms-button-primary-bg),
            #000 30%
    );
    --georchestra-ms-button-primary-active-bg: color-mix(
            in srgb,
            var(--georchestra-ms-button-primary-bg),
            #000 30%
    );
    --georchestra-ms-button-primary-focus-hover-bg: color-mix(
            in srgb,
            var(--georchestra-ms-button-primary-bg),
            #000 30%
    );
    --georchestra-ms-button-primary-focus-border-color: color-mix(
            in srgb,
            var(--georchestra-ms-button-primary-bg),
            #000 30%
    );
    --georchestra-ms-button-primary-focus-bg: color-mix(
            in srgb,
            var(--georchestra-ms-button-primary-bg),
            #000 30%
    );

    --georchestra-ms-button-success-bg: var(--georchestra-secondary);
    --georchestra-ms-button-success-border-color: var(--georchestra-secondary);
    --georchestra-ms-button-success-hover-bg: color-mix(
            in srgb,
            var(--georchestra-ms-button-success-bg),
            #000 15%
    );
    --georchestra-ms-button-success-hover-border-color: color-mix(
            in srgb,
            var(--georchestra-ms-button-success-bg),
            #000 15%
    );
    --georchestra-ms-button-success-disabled-bg: color-mix(
            in srgb,
            var(--georchestra-ms-button-success-bg),
            #fff 30%
    );
    --georchestra-ms-button-success-disabled-border-color: color-mix(
            in srgb,
            var(--georchestra-ms-button-success-bg),
            #fff 30%
    );
    --georchestra-ms-button-success-active-bg: var(--georchestra-secondary);
    --georchestra-ms-button-success-active-border-color: var(--georchestra-secondary);
    --georchestra-ms-button-success-active-hover-bg: color-mix(
            in srgb,
            var(--georchestra-ms-button-success-bg),
            #000 30%
    );
    --georchestra-ms-button-success-active-hover-border-color: color-mix(
            in srgb,
            var(--georchestra-ms-button-success-bg),
            #000 30%
    );
    --georchestra-ms-button-success-focus-hover-bg: color-mix(
            in srgb,
            var(--georchestra-ms-button-success-bg),
            #000 30%
    );
    --georchestra-ms-button-success-focus-border-color: color-mix(
            in srgb,
            var(--georchestra-ms-button-success-bg),
            #000 30%
    );
    --georchestra-ms-button-success-focus-bg: color-mix(
            in srgb,
            var(--georchestra-secondary),
            #000 30%
    );
}