/* =============================================================================
   Console Iris — palette et base communes
   Chargée par la page de connexion ET par la console. Rien ici ne décrit un
   écran : codes couleur, polices, réglages du corps. C'est la seule feuille
   servie sans session, avec connexion.css — tout ce que la page de connexion
   charge doit pouvoir être lu par n'importe qui sans rien apprendre.
   Codes repris de verassur.fr : Marcellus + Source Sans 3, vert émeraude
   #075b38, crème #fdfbf7, or #c9a52d, encre #173322.
   ========================================================================== */

:root {
  --creme:      #fdfbf7;
  --creme-2:    #f7f4ed;
  --creme-3:    #f0ece1;
  --ligne:      #e6e1d5;
  --ligne-2:    #d6cfbd;

  --emeraude:   #075b38;
  --foret:      #014421;
  --emeraude-p: #eef6f1;

  --or:         #c9a52d;
  --or-p:       #fbf3dc;
  --or-f:       #7d640f;

  --rouge:      #9b2c20;
  --rouge-p:    #fbeeeb;

  --encre:      #173322;
  --encre-2:    #4d5a51;
  --encre-3:    #8a8f86;

  --serif: Marcellus, "Iowan Old Style", Georgia, serif;
  --sans:  "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono:  ui-monospace, "SF Mono", "DejaVu Sans Mono", Menlo, monospace;

  --nuit:    #0a1512;
  --nuit-2:  #0f201a;
  --nuit-3:  #16302a;
  --nuit-l:  #24413a;
  --nuit-t:  #d8e4dd;
  --nuit-t2: #7f948a;
}

@media (prefers-color-scheme: dark) {
  :root {
    --creme: #101a16; --creme-2: #14231d; --creme-3: #1a2c25;
    --ligne: #24382f; --ligne-2: #334d42;
    --emeraude: #6fbf92; --foret: #8fd3ad; --emeraude-p: #14261d;
    --or: #d8b452; --or-p: #2a2313; --or-f: #e6c877;
    --rouge: #e8897c; --rouge-p: #2c1714;
    --encre: #e4ece7; --encre-2: #a2b0a8; --encre-3: #6f7d75;
  }
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html, body { height: 100%; }
body {
  margin: 0; background: var(--creme); color: var(--encre);
  font: 14px/1.5 var(--sans);
  -webkit-font-smoothing: antialiased;
  display: flex; flex-direction: column;
}
h1, h2, h3 { margin: 0; font-weight: 400; }
button { font: inherit; color: inherit; }
::selection { background: var(--emeraude); color: #fff; }