/* =====================================================================
   VARIABLES GRAPHIQUES - 4appuis.fr
   =====================================================================
   Couleurs et polices extraites des maquettes (docs/*.png).
   Ce fichier ne contient QUE des variables (custom properties CSS) :
   aucune regle de style ici. Chaque page importe ce fichier puis
   utilise les variables ci-dessous pour rester coherente avec les
   autres pages.
   ===================================================================== */

/* --------- POLICES (Google Fonts, chargees une seule fois ici) --------- */
/* Sans-serif geometrique et arrondie, proche du rendu du logo/des maquettes */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap');

:root {

    /* --------- COULEURS PRINCIPALES (menu lateral sombre + accent orange) --------- */
    --couleur-fond-sombre: #1c1712;      /* fond du menu lateral (noir chaud) */
    --couleur-fond-sombre-clair: #262019; /* variante un peu plus claire (encarts sur fond sombre) */
    --couleur-accent: #d97a34;            /* orange/cuivre principal (logo, boutons actifs) */
    --couleur-accent-clair: #e8963f;      /* orange plus clair (degrade, survol) */
    --couleur-accent-fonce: #b85c1e;      /* orange plus fonce (texte sur fond clair) */

    /* --------- COULEURS DE FOND (contenu principal) --------- */
    --couleur-fond-page: #faf6f1;         /* fond general des pages (creme) */
    --couleur-fond-carte: #ffffff;        /* fond des encarts/cartes */
    --couleur-bordure: #ece7e0;           /* bordures discretes des cartes et champs */

    /* --------- COULEURS DE TEXTE --------- */
    --couleur-texte-principal: #1f1a15;   /* titres, texte important (noir chaud) */
    --couleur-texte-secondaire: #6b655d;  /* sous-titres, texte d'aide */
    --couleur-texte-clair: #ffffff;       /* texte sur fond sombre */
    --couleur-texte-sur-accent: #ffffff;  /* texte sur bouton/fond orange */

    /* --------- COULEURS D'ETAT --------- */
    --couleur-succes: #4c8c4a;            /* vert (validation, progression positive) */
    --couleur-erreur: #c0392b;            /* rouge (messages d'erreur) */
    --couleur-info: #6fa8dc;              /* bleu (informations neutres) */

    /* --------- PALETTE SECONDAIRE (accents, a utiliser avec parcimonie) --------- */
    /* Chaque couleur a une variante pastel associee (fonds discrets, badges) */
    --couleur-vert: #719830;
    --couleur-vert-pastel: #e4f5c7;
    --couleur-jaune: #c3a415;
    --couleur-jaune-pastel: #eee5ba;
    --couleur-bleu: #4688ca;
    --couleur-bleu-pastel: #c6def6;
    --couleur-violet: #906caf;
    --couleur-violet-pastel: #e2cff2;
    --couleur-brique: #b64738;
    --couleur-brique-pastel: #f5c0b8;
    --couleur-turquoise: #1ba281;
    --couleur-turquoise-pastel: #a8ebda;
    --couleur-framboise: #bd465c;
    --couleur-framboise-pastel: #edcbd1;

    /* --------- TYPOGRAPHIE --------- */
    /* Titres : sans-serif geometrique et arrondie, proche du logo "4 APPUIS" */
    --police-titres: 'Poppins', 'Segoe UI', Arial, sans-serif;
    /* Texte courant : sans-serif lisible, discrete */
    --police-texte: 'Inter', 'Segoe UI', Arial, sans-serif;

    /* --------- RAYONS ET OMBRES (coherence des cartes/boutons) --------- */
    --rayon-carte: 16px;
    --rayon-champ: 8px;
    --rayon-bouton: 8px;
    --ombre-carte: 0 4px 16px rgba(31, 26, 21, 0.06);
}