/* Direction artistique « Garrigue », partagée par Faim Maison, Passe et l'impression frigo. */

@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");

:root {
    --fond: #F3F4EF;
    --carte: #FFFFFF;
    --texte: #1E2420;
    --texte-doux: #5B655D;
    --trait: #DDE1D8;
    --trait-leger: #EEF0EA;

    --romarin: #3F6B4A;          /* accent principal */
    --romarin-fonce: #2C4F35;    /* barre, boutons principaux */
    --romarin-pale: #DDE9DC;
    --romarin-clair: #CFE0D2;    /* icônes sur fond foncé */
    --ocre-pale: #F6E7CC;        /* midi, Thermomix */
    --ocre-texte: #7A4E0E;

    --rayon-carte: 22px;
    --rayon-pilule: 999px;
    --ombre: 0 1px 2px rgba(30, 36, 32, 0.06);
    --police: "Plus Jakarta Sans", system-ui, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }

body {
    margin: 0;
    background: var(--fond);
    color: var(--texte);
    font-family: var(--police);
    -webkit-font-smoothing: antialiased;
}

a { color: var(--romarin); }
a:hover { color: var(--romarin-fonce); }

.carte {
    background: var(--carte);
    border-radius: var(--rayon-carte);
    box-shadow: var(--ombre);
}

.bouton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 48px;
    padding: 0 22px;
    border: none;
    border-radius: var(--rayon-pilule);
    background: var(--romarin-fonce);
    color: #FFFFFF;
    font: 700 15px var(--police);
    text-decoration: none;
    cursor: pointer;
}
.bouton:hover { color: #FFFFFF; filter: brightness(1.1); }
.bouton.secondaire { background: var(--carte); color: var(--texte); border: 1.5px solid #B9C2B5; }
.bouton:disabled { opacity: 0.5; cursor: default; }

.pastille {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: var(--rayon-pilule);
    font-size: 13px;
    font-weight: 700;
}
.pastille.midi { background: var(--ocre-pale); color: var(--ocre-texte); }
.pastille.soir { background: var(--romarin-pale); color: var(--romarin-fonce); }