/* Jetons de design : couleurs, polices, rayons. Modifier ici pour changer l'identité visuelle du site. */
:root {
  --bg: #F5F6F8;
  --surface: #FFFFFF;
  --surface-2: #ECEFF3;
  --fg: #141A22;
  --muted: #566070;
  --line: #D6DBE3;
  --accent: #1F7772;
  --accent-ink: #FFFFFF;
  --accent-soft: #DCEEEC;
  --blk-a: #1F2937;
  --blk-b: #0F1318;
  --blk-gray: #8A93A8;
  --blk-teal: #2A8480;
  --hero-bg: #1B2430;
  --hero-fg: #F3F5F8;
  --hero-muted: #B4BCCA;
  --hero-accent: #5CC3BC;
  --ok: #17703F;
  --ok-soft: #DDF1E5;
  --warn: #8A5A00;
  --warn-soft: #FBEFD2;
  --err: #B3261E;
  --err-soft: #FADEDB;
  --f-display: "Montserrat", "Segoe UI", system-ui, sans-serif;
  --f-body: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --radius: 4px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0E1217; --surface: #161C24; --surface-2: #1D2530; --fg: #EDF0F5; --muted: #9FA9B8; --line: #2A3441;
    --accent: #5CC3BC; --accent-ink: #0B1513; --accent-soft: #14302E;
    --blk-a: #C9D0DC; --blk-b: #EEF1F6; --blk-teal: #3AA59E;
    --hero-bg: #141A22;
    --ok: #6FD39A; --ok-soft: #12301F; --warn: #F0C36A; --warn-soft: #33290F; --err: #F2938C; --err-soft: #3A1714;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #0E1217; --surface: #161C24; --surface-2: #1D2530; --fg: #EDF0F5; --muted: #9FA9B8; --line: #2A3441;
  --accent: #5CC3BC; --accent-ink: #0B1513; --accent-soft: #14302E;
  --blk-a: #C9D0DC; --blk-b: #EEF1F6; --blk-teal: #3AA59E;
  --hero-bg: #141A22;
  --ok: #6FD39A; --ok-soft: #12301F; --warn: #F0C36A; --warn-soft: #33290F; --err: #F2938C; --err-soft: #3A1714;
  color-scheme: dark;
}