:root {
    --project-green: #226F54;
    --project-brown: #834624;

    --project-shareholder: #aaaaaa;
    --project-shareholder-background: repeating-linear-gradient(-45deg, var(--project-shareholder-hover), var(--project-shareholder-hover) 2px, white 2px, white 4px);
    --project-neant: #bbbbbb;
    --project-proposition_a_envoyer: #e07a5f;
    --project-discussion_en_cours: #eda430;
    --project-grappe_valide_par_cr: #52ae32;
    --project-null: #f2cc8f;
    --project-default: #4d80ff;

    --project-shareholder-hover: color-mix(in srgb, var(--project-shareholder) 50%, white);
    --project-neant-hover: color-mix(in srgb, var(--project-neant) 50%, white);
    --project-proposition_a_envoyer-hover: color-mix(in srgb, var(--project-proposition_a_envoyer) 50%, white);
    --project-discussion_en_cours-hover: color-mix(in srgb, var(--project-discussion_en_cours) 50%, white);
    --project-grappe_valide_par_cr-hover: color-mix(in srgb, var(--project-grappe_valide_par_cr) 50%, white);
    --project-null-hover: color-mix(in srgb, var(--project-null) 50%, white);
    --project-default-hover: #6d8cff;

    --project-neant-darken: color-mix(in srgb, var(--project-neant) 50%, black);
    --project-proposition_a_envoyer-darken: color-mix(in srgb, var(--project-proposition_a_envoyer) 50%, black);
    --project-discussion_en_cours-darken: color-mix(in srgb, var(--project-discussion_en_cours) 50%, black);
    --project-grappe_valide_par_cr-darken: color-mix(in srgb, var(--project-grappe_valide_par_cr) 50%, black);
    --project-null-darken: color-mix(in srgb, var(--project-null) 50%, black);


    --h3-font-size: 20px;
    --h4-font-size: 18px;

    --project-font-family: 'Roboto';

    --project-headings-color: #103a5a;
    --project-headings-lighter-color: #1d6ba6;
    --project-gray: #637085;
    --project-light-gray: #f8f8fb;
    --project-orange: #eda430;
    --project-lighter-orange: #ffcb33;
    --project-black: #000;
    --project-white: #fff;

    --project-progress-first-stop: #F99B0D;
    --project-progress-second-stop: #FEE6B9;
    --project-regional-progress-first-stop: #226C52;
    --project-regional-progress-second-stop: #C7EFCF;

    --project-tag-green-background: #eefbf0;
    --project-tag-green-color: #24b26b;

    --project-footer: #999999;
    --project-footer-note-color: var(--project-footer);

    --project-icon-chevron-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");

    --project-opening-status-none: gray;
    --project-opening-status-awaitingWorkStart: #b51f1f;
    --project-opening-status-underConstruction: #eda430;
    --project-opening-status-beingOpened: #f3e4a1;
    --project-opening-status-opened: #52ae32;

    --project-button-primary-background: #f5a243;
    --project-button-primary-background-hover: #ffc145;
    --project-button-primary-color: var(--project-white);
    --project-button-primary-color-hover: var(--project-white);

}

* {
    .project-green {
        color: var(--project-green);
        --pico-color: var(--project-green);
        --pico-accordion-open-summary-color: var(--project-green);
    }

    .project-brown {
        color: var(--project-brown);
        --pico-color: var(--project-brown);
        --pico-accordion-open-summary-color: var(--project-brown);
    }

    .project-orange {
        color: var(--project-orange);
        --pico-color: var(--project-orange);
        --pico-accordion-open-summary-color: var(--project-orange);
    }

    h1, h2, h3, h4, h5, h6 {
        color: var(--project-headings-color);
    }

    &.hidden {
        display: none !important;
    }

    &.loader-busy {
        cursor: wait;
        &:before {
            content: '';
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--project-black);
            z-index: 9999;
            opacity: 0.3;
        }
        &:after {
            content: '';
            position: fixed;
            top: 50%;
            left: 50%;
            width: 60px;
            height: 60px;
            z-index: 10000;
            background-image: var(--pico-icon-loading);
            background-position: center;
        }
    }
}

button, [role="button"], menu {
    i {
        filter: brightness(0) invert(1);
    }
}