/*
 * Charte du site d'aide : V1 (2026-10-12), tirée du logo Coop-Pains (pain doré, « coop'pains » en
 * minuscules arrondies taupe, fond crème). La version finale de la charte est à venir : seul ce
 * fichier (et le dossier polices/) change à son arrivée, site.css n'utilise que ces variables.
 * Couleurs du logo : fond #efe8df, texte #8e705b, pain #d5a26b. Le taupe du logo (4,6:1 sur blanc)
 * est assombri pour les liens et boutons (#6f5444, 7:1 sur blanc) ; le doré reste décoratif
 * (filets, logo), jamais pour du texte.
 */
@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("polices/nunito-latin-700-normal.woff2") format("woff2");
}
@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("polices/nunito-latin-800-normal.woff2") format("woff2");
}

:root {
    /* Couleurs */
    --fond: #faf6f1;              /* fond de page, crème clair */
    --surface: #ffffff;           /* cartes, contenu */
    --texte: #2b2420;             /* brun très foncé, plus chaud que le noir */
    --texte-doux: #5f544c;        /* 7:1 sur blanc, 6:1 sur --accent-clair */
    --bordure: #e3d9cc;
    --bordure-pointillee: #cdb89f; /* trait au-dessus de l'encart du simulateur, sur --accent-clair */
    --accent: #6f5444;            /* taupe du logo assombri : liens, boutons, repères (7:1 sur blanc) */
    --accent-fonce: #574134;
    --accent-clair: #efe8df;      /* fond du logo : bandeau d'accueil, En bref, pastilles */
    --dore: #d5a26b;              /* pain du logo : filets décoratifs uniquement */
    --sur-accent: #ffffff;
    --clients-fond: #eef3f7;      /* bloc « Pour vos clients » */
    --clients-bord: #4a6f8a;
    --clients-bordure: #c9d7e2;
    --clients-lien: #2f526b;      /* contraste 7:1 sur --clients-fond */
    --clients-texte: #3d4a55;
    --sur-sombre-doux: #e9e1d7;   /* texte secondaire sur fond sombre (bandeau « Vous n'avez pas trouvé ? ») */
    --surligne: #ffe39a;          /* mots trouvés */
    --focus: #1d6fd6;

    /* Typographie : Nunito (arrondie, proche du logo) pour les titres et le logo, police du
       système pour le texte courant (lisibilité, aucun chargement). */
    --police: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --police-titres: "Nunito", var(--police);
    --police-logo: "Nunito", var(--police);
    --taille-texte: 18px;
    --interligne: 1.6;

    /* Logo : pain doré dessiné (en attendant le fichier du logo) suivi du mot « coop'pains » */
    --logo-texte: "coop’pains";
    --logo-couleur: #8e705b;
    --logo-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 36' fill='none' stroke='%23d5a26b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 33h36a4 4 0 0 0 4-4v-5C46 12 36 5 24 5S2 12 2 24v5a4 4 0 0 0 4 4z'/%3E%3Cpath d='M15 11c2 3 2 6 1 9M23 9c2 3 2 7 1 10M31 11c2 3 2 6 1 9'/%3E%3C/svg%3E");
    --logo-retrait: 3.6rem;       /* place du pain (2em de large) et espace avant le mot */

    /* Formes */
    --rayon: 10px;
    --ombre: 0 1px 2px rgba(43, 36, 32, .06), 0 2px 8px rgba(43, 36, 32, .06);
}