/* =============================================================================
   THÈME — Cabinet OMEX
   -----------------------------------------------------------------------------
   Charte du cabinet : vert profond #01403A, terracotta #A66556, gris #F2F2F2.
   Les deux couleurs sont utilisées de façon équitable : le vert porte les
   actions principales et la structure, le terracotta les accents et les états.

   C'est le SEUL fichier à modifier pour ajuster la charte.
   ========================================================================== */

:root {
  /* --- Vert profond : couleur principale ----------------------------------- */
  --brand:            #01403A;   /* boutons d'action, liens, focus, en-têtes */
  --brand-dark:       #012B27;   /* survol des boutons */
  --brand-tint:       #E6EDEC;   /* fonds clairs, bandeaux de confirmation */
  --brand-contrast:   #FFFFFF;   /* texte posé sur le vert */

  /* --- Terracotta : couleur d'accent ---------------------------------------- */
  --accent:           #A66556;   /* accents, filets, états verrouillés */
  --accent-dark:      #8A5245;
  --accent-tint:      #F5E8E4;
  --accent-contrast:  #FFFFFF;

  /* --- Fonds et texte ------------------------------------------------------- */
  --paper:            #F2F2F2;   /* gris clair du cabinet */
  --surface:          #FFFFFF;
  --ink:              #1A1A1A;
  --muted:            #555555;
  --line:             #E0E0E0;

  /* --- États ---------------------------------------------------------------- */
  --warn:             #8A5D00;   /* à faire / attention */
  --warn-tint:        #FAF0D5;
  --danger:           #9E332A;   /* erreur / blocage */
  --danger-tint:      #F8E5E2;

  /* --- Forme et typographie -------------------------------------------------- */
  --radius:           10px;
  --font:             'Trebuchet MS', 'Segoe UI', Tahoma, sans-serif;

  /* --- Identité -------------------------------------------------------------- */
  --footer-ink:       #555555;
}

/* -----------------------------------------------------------------------------
   Alias internes : ne pas modifier.
   -------------------------------------------------------------------------- */
:root {
  --green:     var(--brand);
  --green-ink: var(--brand-dark);
  --green-bg:  var(--brand-tint);
  --slate:     var(--accent);
  --slate-bg:  var(--accent-tint);
  --amber:     var(--warn);
  --amber-bg:  var(--warn-tint);
  --danger-bg: var(--danger-tint);
}