/* Tokens du design system. Aucune couleur en dur ailleurs que dans ce fichier. */

@font-face { font-family: "Outfit"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/outfit-400.woff2") format("woff2"); }
@font-face { font-family: "Outfit"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/outfit-600.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/ibm-plex-sans-400.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-weight: 500; font-style: normal; font-display: swap; src: url("../fonts/ibm-plex-sans-500.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/ibm-plex-sans-600.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/ibm-plex-mono-400.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/ibm-plex-mono-600.woff2") format("woff2"); }

:root {
  /* Palette du logo */
  --srcg-orange: #ff4b00;
  --srcg-encre: #1d1d1b;
  --srcg-ambre: #ffac00;
  --srcg-jaune: #ffe900;
  --srcg-orange-2: #ff7000;
  --srcg-orange-3: #ff8f00;
  --srcg-or: #ffc800;
  --srcg-gris: #878787;
  --srcg-rouge: #f80000;

  /* Surfaces et texte, mode clair */
  --srcg-bg: #f5f5f3;
  --srcg-surface: #ffffff;
  --srcg-surface-2: #eeeeeb;
  --srcg-border: #d9d9d4;
  --srcg-text: #1d1d1b;
  --srcg-text-muted: #5f5f5b;
  --srcg-accent: var(--srcg-orange);
  --srcg-on-accent: var(--srcg-encre);
  --srcg-accent-title: #c93a00;
  --srcg-focus: #1d1d1b;

  /* Barre latérale */
  --srcg-side-bg: #1d1d1b;
  --srcg-side-text: #e7e7e3;
  --srcg-side-muted: #9d9d97;
  --srcg-side-active: #2c2c29;

  /* Priorités */
  --srcg-prio-a: var(--srcg-orange);
  --srcg-prio-b: var(--srcg-ambre);
  --srcg-prio-c: var(--srcg-gris);

  /* Statuts, teintes sémantiques séparées de l'accent */
  --srcg-st-ok-bg: #dcefe0;
  --srcg-st-ok-fg: #1f5a2e;
  --srcg-st-wait-bg: #e3ecf6;
  --srcg-st-wait-fg: #264a73;
  --srcg-st-todo-bg: #f4ead0;
  --srcg-st-todo-fg: #6b4e00;
  --srcg-st-ko-bg: #f6dcdc;
  --srcg-st-ko-fg: #8a1010;

  --srcg-danger: var(--srcg-rouge);
  --srcg-danger-bg: #fbe4e4;

  /* Typographie */
  --srcg-font-title: "Outfit", sans-serif;
  --srcg-font-text: "IBM Plex Sans", sans-serif;
  --srcg-font-mono: "IBM Plex Mono", monospace;

  /* Géométrie */
  --srcg-radius-field: 4px;
  --srcg-radius-panel: 6px;
  --srcg-space: 8px;
}

:root[data-theme="dark"] {
  --srcg-bg: #141413;
  --srcg-surface: #1d1d1b;
  --srcg-surface-2: #272725;
  --srcg-border: #3a3a37;
  --srcg-text: #ecece8;
  --srcg-text-muted: #a5a5a0;
  --srcg-accent-title: #ff7a3d;
  --srcg-focus: #ffe900;
  --srcg-side-bg: #0e0e0d;
  --srcg-side-active: #1d1d1b;
  --srcg-st-ok-bg: #1d3524;
  --srcg-st-ok-fg: #9fd8ae;
  --srcg-st-wait-bg: #1d2b3d;
  --srcg-st-wait-fg: #a6c6ea;
  --srcg-st-todo-bg: #3a3012;
  --srcg-st-todo-fg: #f0d27a;
  --srcg-st-ko-bg: #3d1b1b;
  --srcg-st-ko-fg: #f2a3a3;
  --srcg-danger-bg: #3d1b1b;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --srcg-bg: #141413;
    --srcg-surface: #1d1d1b;
    --srcg-surface-2: #272725;
    --srcg-border: #3a3a37;
    --srcg-text: #ecece8;
    --srcg-text-muted: #a5a5a0;
    --srcg-accent-title: #ff7a3d;
    --srcg-focus: #ffe900;
    --srcg-side-bg: #0e0e0d;
    --srcg-side-active: #1d1d1b;
    --srcg-st-ok-bg: #1d3524;
    --srcg-st-ok-fg: #9fd8ae;
    --srcg-st-wait-bg: #1d2b3d;
    --srcg-st-wait-fg: #a6c6ea;
    --srcg-st-todo-bg: #3a3012;
    --srcg-st-todo-fg: #f0d27a;
    --srcg-st-ko-bg: #3d1b1b;
    --srcg-st-ko-fg: #f2a3a3;
    --srcg-danger-bg: #3d1b1b;
  }
}

:root { --srcg-logo-plate: #ffffff; }