/*
 * Charte du site d'aide : V2 (2026-10-27), celle du site coop-pains.fr (thème storefront-child, page
 * formation-focus-e-ssentiel) : logo officiel (pain doré à miettes et « coop'pains » taupe), titres en
 * Amaranth, texte en Instrument Sans, fond beige #efe8df, texte #5f554f, taupe #8e715b, doré #d6a36b.
 * Seul ce fichier (avec polices/ et logo-coop-pains.png) porte la charte : site.css n'utilise que ces variables.
 * Le taupe du site (#8e715b, 4,6:1 sur blanc) reste au logo ; liens et boutons gardent le taupe assombri
 * (#6f5444, 7:1 sur blanc) ; le doré reste décoratif (filets), jamais pour du texte.
 */
@font-face {
    font-family: "Amaranth";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("polices/Amaranth-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "Instrument Sans";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("polices/InstrumentSans-Variable.ttf") format("truetype");
}

:root {
    /* Couleurs */
    --fond: #f7f3ee;              /* fond de page, beige plus clair que celui du site pour la lecture */
    --surface: #ffffff;           /* cartes, contenu */
    --texte: #3f3631;             /* brun foncé, plus chaud que le noir */
    --texte-doux: #5f554f;        /* texte courant du site : 7:1 sur blanc, 6:1 sur --accent-clair */
    --bordure: #e3d9cc;
    --bordure-pointillee: #cdbeaf; /* trait au-dessus de l'encart du simulateur, sur --accent-clair */
    --accent: #6f5444;            /* taupe du site assombri : liens, boutons, repères (7:1 sur blanc) */
    --accent-fonce: #574134;
    --accent-clair: #efe8df;      /* fond du site : bandeau d'accueil, En bref, pastilles */
    --dore: #d6a36b;              /* doré du site (boutons, 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 du site : Amaranth (titres), Instrument Sans (texte), police du système en secours. */
    --police: "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --police-titres: "Amaranth", var(--police);
    --police-logo: "Amaranth", var(--police);
    --taille-texte: 18px;
    --interligne: 1.6;

    /* Logo : l'image officielle porte le mot « coop'pains » ; 1,5em de haut, 7,3em de large. Texte réduit à une
       espace sans largeur, qui garde au lien sa hauteur de ligne quand « Aide aux boulangers » est masqué
       (téléphone) ; le nom du lien vient de son aria-label (generer.mjs). */
    --logo-texte: "\200B";
    --logo-couleur: #8e715b;
    --logo-image: url("logo-coop-pains.png");
    --logo-retrait: 11.3rem;      /* place du logo (7,3em de 1,5rem) et espace avant « Aide aux boulangers » */

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