/* ============================================================
   LSF Énergie — Couleurs
   Charte « Foyer ». Base pétrole profond, accent terracotta,
   secondaire sauge, neutres chauds (sable, craie, stone).
   ============================================================ */
:root {
  /* ---- Marque : Pétrole (base / ink) ---- */
  --petrole-950: #071C1B;
  --petrole-900: #0C2A28;
  --petrole-800: #123B3A;   /* couleur de marque principale */
  --petrole-700: #1B534F;
  --petrole-600: #256E68;
  --petrole-500: #328478;

  /* ---- Marque : Sauge (secondaire) ---- */
  --sauge-600: #256B5B;
  --sauge-500: #2E7D6B;   /* secondaire principal */
  --sauge-400: #4E9A87;
  --sauge-300: #8FBFB2;
  --sauge-100: #DCEBE6;

  /* ---- Marque : Terracotta ocre (accent) ---- */
  --terracotta-300: #E4B788;
  --terracotta-400: #D5934A;
  --terracotta-500: #C17A34;   /* accent principal — ocre chaud */
  --terracotta-600: #9F6226;
  --terracotta-700: #814E1E;   /* ocre foncé lisible sur fond clair */
  --terracotta-800: #653D19;

  /* ---- Neutres chauds (greige — chaleur discrète, sans jaune) ---- */
  --white:     #FFFFFF;
  --paper:     #FAF9F6;   /* fond d'application (craie clair) */
  --craie:     #F1EFEA;
  --sable-300: #F0DAC3;
  --sable-500: #E9C7A8;   /* sable — logo, surfaces chaudes */
  --sable-700: #C9A985;
  --sand-50:   #F0EEE9;
  --stone-100: #E9E6E0;
  --stone-200: #D8D4CD;
  --stone-300: #BDB8AF;
  --stone-400: #8E8A81;
  --stone-500: #67635C;
  --stone-600: #4A473F;
  --stone-700: #35322C;

  /* ---- Sémantique (états) ---- */
  --success-500: #1F9E6B;
  --success-100: #DEF0E7;
  --warning-500: #E0913A;
  --warning-100: #F7E8D4;
  --danger-500:  #CF4A3E;
  --danger-100:  #F6DED9;
  --info-500:    #2F6FA8;
  --info-100:    #DEEAF3;

  /* ============================================================
     Alias sémantiques — À UTILISER DANS LES COMPOSANTS
     ============================================================ */

  /* Fonds */
  --bg-page:        var(--paper);
  --bg-surface:     var(--white);
  --bg-subtle:      var(--sand-50);
  --bg-inverse:     var(--petrole-800);
  --bg-inverse-2:   var(--petrole-900);

  /* Texte */
  --text-primary:   var(--petrole-800);
  --text-secondary: var(--stone-500);
  --text-muted:     var(--stone-400);
  --text-on-inverse:      var(--white);
  --text-on-inverse-soft: #9DB0AB;
  --text-accent:    var(--terracotta-700);   /* terracotta lisible sur fond clair */
  --text-link:      var(--terracotta-600);

  /* Bordures */
  --border-subtle:  var(--stone-100);
  --border-default: var(--stone-200);
  --border-strong:  var(--stone-300);

  /* Accent (terracotta) — le texte posé dessus est TOUJOURS blanc */
  --accent:         var(--terracotta-500);
  --accent-hover:   var(--terracotta-400);
  --accent-press:   var(--terracotta-600);
  --accent-on:      var(--white);

  /* Sable — highlight chaud (logo, badges, chiffres sur fond foncé) */
  --highlight:      var(--sable-500);
  --highlight-on:   var(--petrole-800);

  /* Marque directe */
  --brand:          var(--petrole-800);
  --brand-2:        var(--sauge-500);

  /* Anneau de focus */
  --ring:           var(--terracotta-400);
}