/*
  Jetons de la maquette INFRAMAD.
  Papier chaud, forêt sombre, une seule accent verte.
  Aucune couleur ne doit être écrite en dur dans les autres feuilles.
*/

@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,400;0,500;0,600;0,700&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap");

:root {
  /* Accent (actions) — vert forêt */
  --color-accent: #245c45;
  --color-accent-dark: #1b4635;
  --color-accent-light: #e7f5ec;

  /* Structure — appuis, focus, liens */
  --color-structure: #1d3f34;
  --color-structure-dark: #1a382e;
  --color-structure-darker: #163027;
  --color-structure-light: #e7eee8;

  /* Sidebar */
  --color-sidebar: #163027;
  --color-sidebar-hover: #1d3f34;
  --color-sidebar-muted: #8aa396;
  --color-sidebar-fg: #e7eee8;

  /* Dominante (fond) et cartes */
  --color-dominant: #f3efe6;
  --color-surface: #faf8f3;

  --color-text: #1c1915;
  --color-text-muted: #6b6458;
  --color-text-inverse: #f4f7f4;
  --color-border: #d8d0c2;
  --color-border-strong: #cfc6b6;

  --color-success: #1f6b45;
  --color-success-light: #e7f5ec;
  --color-warning: #8a5a10;
  --color-warning-light: #fbf3e0;
  --color-danger: #8f2f2f;
  --color-danger-light: #fbeaea;
  --color-info: #1e4d6b;
  --color-info-light: #e6f1f7;

  --font-principale: "Figtree", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Newsreader", Georgia, serif;

  --espace-1: 0.25rem;
  --espace-2: 0.5rem;
  --espace-3: 0.75rem;
  --espace-4: 1rem;
  --espace-5: 1.5rem;
  --espace-6: 2rem;
  --espace-7: 3rem;

  --rayon-petit: 6px;
  --rayon: 10px;
  --rayon-large: 18px;
  --rayon-xl: 28px;

  --ombre-legere: 0 0 0 1px rgb(28 25 21 / 0.06), 0 1px 2px rgb(28 25 21 / 0.04);
  --ombre-carte: 0 0 0 1px rgb(28 25 21 / 0.06), 0 1px 2px rgb(28 25 21 / 0.04),
    0 8px 24px rgb(28 25 21 / 0.04);
  --ombre-moyenne: 0 0 0 1px rgb(28 25 21 / 0.08), 0 8px 24px rgb(28 25 21 / 0.06);

  --largeur-sidebar: 256px;
  --hauteur-topbar: 64px;
}