/*
 * ================================================================
 *  GESEC — Charte graphique CSS
 *  Extraite depuis : dashboard_alh_gesec.html
 *  Usage : inclure dans tout futur projet GESEC via
 *          <link rel="stylesheet" href="gesec-charte.css">
 *  Police requise (Google Fonts) :
 *    <link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800;900&display=swap" rel="stylesheet"/>
 * ================================================================
 */


/* ================================================================
   1. RESET
   ================================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }


/* ================================================================
   2. TOKENS — Variables CSS (Palette & UI)
   ================================================================ */
:root {
  /* — Palette GESEC — */
  --cuivre:      #C79B66;
  --cuivre-light:#f0e4d0;
  --cuivre-pale: #faf5ee;
  --beton:       #6F7884;
  --beton-light: #e8eaec;
  --beton-pale:  #f4f5f6;
  --black-cable: #222B41;

  /* — Couleurs secondaires GESEC — */
  --vert:   #8BC050;   /* adhérents */
  --bleu:   #0088BD;   /* partenaires */
  --jaune:  #F1BB1C;   /* clients pro */
  --rose:   #CC0177;   /* clients particuliers */

  /* — Surfaces & textes — */
  --bg:         #f7f4ef;   /* fond général, blanc cassé chaud */
  --surface:    #ffffff;
  --surface2:   #f4f2ee;
  --border:     #e5e0d8;
  --border2:    #d4cec4;
  --text:       var(--black-cable);
  --text-muted: var(--beton);
  --text-light: #a8a094;

  /* — Variantes GC / GE / Dual — */
  --gc:          #0088BD;                   /* climatique */
  --gc-bg:       rgba(0,136,189,.08);
  --gc-border:   rgba(0,136,189,.2);
  --ge:          #F1BB1C;                   /* électrique */
  --ge-bg:       rgba(241,187,28,.1);
  --ge-border:   rgba(241,187,28,.3);
  --dual:        var(--cuivre);             /* double compétence */
  --dual-bg:     var(--cuivre-pale);
  --dual-border: rgba(199,155,102,.3);

  /* — États — */
  --ok:   #8BC050;
  --err:  #e05050;
  --warn: var(--cuivre);
}


/* ================================================================
   3. BASE
   ================================================================ */
html, body { height: 100%; }

body {
  font-family: 'Nunito Sans', Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
}

/* Scrollbars */
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border2); border-radius: 4px; }