/* ===================================================================
   THÈME SOCLE — Palette de marque et tokens sémantiques
   Chargé après _variables.css (catalogue neutre)
   Primaire : Moutarde | Secondaire : Terre | Fond : Sable
   =================================================================== */

:root {

    /* ===== PALETTE DE MARQUE SOCLE (couleurs brutes) ===== */
    --Moutarde: #EF9F27;
    --Dorée: #C8860A;
    --Couleur3: #BA7517;
    --Couleur4: #DA921A;
    --Couleur5: #FFD02E;
    --Sable: #F2E8D0;
    --Terre: #7A4A10;
    --Brun-profond: #2C1A06;

    /* ===== PRIMAIRE — Moutarde ===== */
    --couleur-primaire: var(--Moutarde);
    --couleur-primaire-clair: var(--Couleur5);
    --couleur-primaire-fonce: var(--Dorée);

    /* ===== SECONDAIRE — Terre ===== */
    --couleur-secondaire: var(--Terre);
    --couleur-secondaire-clair: var(--Couleur4);
    --couleur-secondaire-fonce: var(--Brun-profond);

    /* ===== ARRIÈRE-PLAN ET TEXTE ===== */
    --couleur-arriere-plan: var(--Sable);
    --couleur-background-clair: #fbf4e6;
    --couleur-corps: #fffdf9;

    --couleur-texte: var(--Brun-profond);
    --couleur-texte-clair: var(--Terre);
    --couleur-texte-tres-clair: #8f6a3f;

    /* ===== BORDURES ===== */
    --couleur-bordure: rgba(122, 74, 16, 0.35);
    --couleur-bordure-standard: rgba(122, 74, 16, 0.18);

    /* ===== SURFACES ET OVERLAYS ===== */
    --couleur-surface-alt: rgba(255, 255, 255, 0.72);
    --couleur-overlay-legere: rgba(44, 26, 6, 0.08);
    /* teinte brun-profond */

    /* ===== LIENS ===== */
    --couleur-lien: var(--couleur-secondaire);
    --couleur-lien-hover: var(--couleur-primaire-fonce);

    /* ===== NAVIGATION ===== */
    --couleur-nav-fond: var(--couleur-secondaire-fonce);
    --couleur-nav-texte: var(--couleur-primaire);
    --couleur-nav-texte-hover: var(--couleur-primaire-clair);
    --couleur-nav-bordure: var(--couleur-primaire-fonce);

}