/* Remplace le violet (iris) par le vert (grass) */
[data-color-scheme=light] {
    --color-primary1: var(--color-grass1);
    --color-primary2: var(--color-grass2);
    --color-primary3: var(--color-grass3);
    --color-primary4: var(--color-grass4);
    --color-primary5: var(--color-grass5);
    --color-primary6: var(--color-grass6);
    --color-primary7: var(--color-grass7);
    --color-primary8: var(--color-grass8);
    --color-primary9: var(--color-grass9);
    --color-primary10: var(--color-grass10);
    --color-primary11: var(--color-grass11);
    --color-primary12: var(--color-grass12);
}

/* Header : override des couleurs iris hardcodées */
.header {
    background-color: var(--color-grass9);
    color: var(--color-grass1);
}
.header__title, .header__link {
    color: var(--color-grass1);
}
.header__button {
    --button-color: var(--color-grass1);
    --outline-color: var(--color-grass1);
}

/* Bouton primary : override des couleurs iris hardcodées */
.button--primary {
    --button-background-color: var(--color-grass9);
    --button-border-color: var(--color-grass9);
    --button-color: var(--color-grass1);
}
.button--primary:hover:not(:disabled),
.button--primary[aria-expanded=true] {
    --button-background-color: var(--color-grass12);
    --button-border-color: var(--color-grass12);
    --button-color: var(--color-grass1);
}

/* Logo dans le header */
.header__logo {
    height: 48px;
    width: auto;
    display: block;
}