/* Charte graphique Digitech Group – jetons partagés par toutes les pages.
   Détail et règles d'usage : docs/charte-graphique.md */
:root {
  /* Marque – tirée du logo */
  --brand: #B30122;          /* Rouge Digitech : 7,1:1 sur blanc */
  --brand-strong: #8A0019;   /* Survol, appui, actions destructives */
  --brand-soft: #FBE8EC;     /* Fonds teintés (navigation active) */
  --brand-tint: #F4C9D1;     /* Accents clairs sur fond sombre */

  /* Neutres – anthracite légèrement froid, pour laisser le rouge parler */
  --ink: #1C1B1F;
  --ink-2: #3D3B42;
  --muted: #5C5A63;          /* 6,2:1 sur --ground */
  --ground: #F6F5F7;
  --surface: #FFFFFF;
  --surface-alt: #FAF9FB;
  --line: #E3E1E6;
  --line-soft: #EFEEF1;
  --line-strong: #85828D;    /* Bordures de champs : 3,8:1 sur blanc, 3,5:1 sur --ground */
  --track: #F0EFF2;
  --night: #1C1B1F;
  --night-2: #2A292E;
  --night-text: #D6D4DA;
  --night-muted: #A9A6AF;

  /* États – volontairement distincts du rouge de marque */
  --ok: #1F6F4A;
  --ok-soft: #E8F3EC;
  --warn: #C2620A;           /* Barres et pastilles (3,5:1 sur --track) */
  --warn-ink: #8A4506;       /* Texte d'alerte (6,4:1 sur --warn-soft) */
  --warn-soft: #FDF0E1;
  --info: #2C4F8C;
  --info-ink: #1F3D70;
  --info-soft: #EEF2FA;
  --neutral-soft: #F1F0F3;
  --focus: #B30122;

  /* Typographie */
  --font-display: 'Montserrat', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'IBM Plex Sans', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, Consolas, monospace;

  /* Formes */
  --radius-s: 6px;
  --radius-m: 8px;
  --radius-l: 14px;
  --shadow-dialog: 0 24px 64px rgb(28 27 31 / 28%);
  --shadow-toast: 0 12px 32px rgb(28 27 31 / 25%);
  --backdrop: rgb(28 27 31 / 55%);
}