/*
 * Retzien Libre — surcharge Pollaris 1.2.3.
 * Point d'extension public/custom.css officiellement pris en charge.
 */

[data-color-scheme="light"] {
    --color-primary1: #f7fbfa;
    --color-primary2: #eff7f5;
    --color-primary3: #dceeea;
    --color-primary4: #c6e3dd;
    --color-primary5: #add6cd;
    --color-primary6: #90c5b9;
    --color-primary7: #6eafa0;
    --color-primary8: #439384;
    --color-primary9: #006f62;
    --color-primary10: #005f54;
    --color-primary11: #00473e;
    --color-primary12: #002f29;

    --color-grey1: #ffffff;
    --color-grey2: #fafafa;
    --color-grey3: #f3f3f3;
    --color-grey4: #ebebeb;
    --color-grey5: #e2e2e2;
    --color-grey6: #d8d8d8;
    --color-grey7: #c9c9c9;
    --color-grey8: #b5b5b5;
    --color-grey9: #8a8a8a;
    --color-grey10: #777777;
    --color-grey11: #555555;
    --color-grey12: #000000;
}

[data-color-scheme="dark"] {
    --color-primary1: #071a17;
    --color-primary2: #0b211d;
    --color-primary3: #10332c;
    --color-primary4: #12443a;
    --color-primary5: #185348;
    --color-primary6: #216457;
    --color-primary7: #2d7869;
    --color-primary8: #3c907f;
    --color-primary9: #faae2b;
    --color-primary10: #ffc35b;
    --color-primary11: #ffd88e;
    --color-primary12: #fff1cf;
}

body {
    font-family: "Space Grotesk", "Segoe UI", sans-serif;
}

.header {
    background-color: #00473e;
}

.header > .col--extend {
    display: flex;
    align-items: center;
    gap: var(--space-small);
    min-width: 0;
}

.header__title {
    flex: 0 0 auto;
    box-sizing: border-box;
    width: 2.8rem;
    height: 2.7rem;
    min-height: 2.7rem;
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
    background: url("/retzien-logo.svg") center / auto 2.3rem no-repeat;
}

.header__link {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    min-width: 0;
    height: 2.7rem;
    min-height: 2.7rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.button--primary {
    --button-background-color: #faae2b;
    --button-border-color: #faae2b;
    --button-color: #000000;
}

.button--primary:hover:not(:disabled),
.button--primary[aria-expanded="true"] {
    --button-background-color: #00473e;
    --button-border-color: #00473e;
    --button-color: #ffffff;
}

input:focus,
select:focus,
textarea:focus {
    --outline-color: #00473e;
}