/* ============================================================
   Aplomb — jetons de la charte graphique v1.1
   Recopie du bloc :root du document de charte. Ce fichier ne contient que des
   variables : aucune regle d'apparence, pour qu'il reste comparable a la charte.
   ============================================================ */

:root {
  /* Rampe identité « Ammo-8 » — extraite de assets/icon.png */
  --ammo-1: #040C06;
  --ammo-2: #112318;
  --ammo-3: #1E3A29;
  --ammo-4: #305D42;
  --ammo-5: #4D8061;
  --ammo-6: #89A257;
  --ammo-7: #BEDC7F;
  --ammo-8: #EEFFCC;

  /* Surfaces et encres — thème clair (défaut) */
  --surface:       #FBFCF7;
  --surface-2:     #FFFFFF;
  --surface-sunk:  #F2F4E9;
  --ink:           #112318;
  --ink-2:         #3D5546;
  --ink-3:         #5C7063;
  --rule:          #DDE3D0;
  --rule-strong:   #BCC7AC;
  --accent:        #305D42;
  --accent-ink:    #EEFFCC;
  --accent-wash:   #E7EFDA;
  --emphase:       #6E8F2E;

  /* Statut — réservés, jamais réutilisés comme couleur de série */
  --st-bon:      #2E7D4F;
  --st-attn:     #8C5D0C;
  --st-grave:    #B4482C;
  --st-crit:     #93231C;
  --st-bon-bg:   #E4EFE5;
  --st-attn-bg:  #F7EEDA;
  --st-grave-bg: #F8E5DD;
  --st-crit-bg:  #F6E0DC;

  /* Données — catégoriel, thème clair (validé) */
  --serie-1: #1F7A4D;
  --serie-2: #CB7F06;
  --serie-3: #3B6FC4;
  --serie-4: #A63D82;

  /* Typographie. Les trois familles sont hébergées dans web/fonts/ et chargées
     par polices.css — la charte interdit de les prendre sur un CDN. Les replis
     systeme restent déclarés pour le temps du chargement. */
  --f-ui: "Barlow", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
  --f-perf: "Barlow Condensed", "Bahnschrift Condensed", "Bahnschrift", "Segoe UI", sans-serif;
  --f-mono: "IBM Plex Mono", "Cascadia Mono", Consolas, ui-monospace, monospace;

  /* Trame de 4 px */
  --u1: 4px;  --u2: 8px;  --u3: 12px; --u4: 16px;
  --u6: 24px; --u8: 32px; --u12: 48px; --u16: 64px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --surface:      #0C1A11;
    --surface-2:    #112318;
    --surface-sunk: #081209;
    --ink:          #EEFFCC;
    --ink-2:        #A9C08C;
    --ink-3:        #74886A;
    --rule:         #24382A;
    --rule-strong:  #3A5442;
    --accent:       #BEDC7F;
    --accent-ink:   #0C1A11;
    --accent-wash:  #1A2E1F;
    --emphase:      #BEDC7F;

    --st-bon:      #63BC84;
    --st-attn:     #D9A441;
    --st-grave:    #E08163;
    --st-crit:     #E4685A;
    --st-bon-bg:   #14291C;
    --st-attn-bg:  #2A2413;
    --st-grave-bg: #2E1E17;
    --st-crit-bg:  #2E1815;

    --serie-1: #3E9B69;
    --serie-2: #C47C0E;
    --serie-3: #6191D8;
    --serie-4: #C25C9C;
  }
}

:root[data-theme="light"] {
  --surface:#FBFCF7; --surface-2:#FFFFFF; --surface-sunk:#F2F4E9;
  --ink:#112318; --ink-2:#3D5546; --ink-3:#5C7063;
  --rule:#DDE3D0; --rule-strong:#BCC7AC;
  --accent:#305D42; --accent-ink:#EEFFCC; --accent-wash:#E7EFDA; --emphase:#6E8F2E;
  --st-bon:#2E7D4F; --st-attn:#8C5D0C; --st-grave:#B4482C; --st-crit:#93231C;
  --st-bon-bg:#E4EFE5; --st-attn-bg:#F7EEDA; --st-grave-bg:#F8E5DD; --st-crit-bg:#F6E0DC;
  --serie-1:#1F7A4D; --serie-2:#CB7F06; --serie-3:#3B6FC4; --serie-4:#A63D82;
}

:root[data-theme="dark"] {
  --surface:#0C1A11; --surface-2:#112318; --surface-sunk:#081209;
  --ink:#EEFFCC; --ink-2:#A9C08C; --ink-3:#74886A;
  --rule:#24382A; --rule-strong:#3A5442;
  --accent:#BEDC7F; --accent-ink:#0C1A11; --accent-wash:#1A2E1F; --emphase:#BEDC7F;
  --st-bon:#63BC84; --st-attn:#D9A441; --st-grave:#E08163; --st-crit:#E4685A;
  --st-bon-bg:#14291C; --st-attn-bg:#2A2413; --st-grave-bg:#2E1E17; --st-crit-bg:#2E1815;
  --serie-1:#3E9B69; --serie-2:#C47C0E; --serie-3:#6191D8; --serie-4:#C25C9C;
}

/* La charte interdit les arrondis partout, objets physiquement ronds exceptés.
   Poser la regle ici evite d'avoir a la repeter sur chaque composant. */
*, *::before, *::after {
  box-sizing: border-box;
  border-radius: 0;
}