/* Généré depuis tokens.json par build.cjs. Ne pas modifier : éditer tokens.json puis lancer node tokens/build.cjs. */
/* Fondiva — couleurs. Sombre par défaut (:root) ; clair via [data-theme="light"] sur n'importe quel ancêtre. */
:root {
  color-scheme: dark;

  /* Matières (palette de marque) */
  --basalte: #0E1012;
  --ardoise: #5A7FA6;
  --zinc: #A7B9CE;
  --craie: #F2F4F7;
  --calcaire: #D6D0C6;

  /* Nuances Basalte → Craie */
  --n-950: #0E1012;
  --n-900: #14171A;
  --n-850: #1A1D21;
  --n-800: #212529;
  --n-700: #2D3237;
  --n-600: #40464D;
  --n-500: #5B626A;
  --n-400: #858C94;
  --n-300: #AEB4BB;
  --n-200: #D2D6DB;
  --n-100: #F2F4F7;
  --n-50: #F7F8FA;
  --n-0: #FFFFFF;

  /* Nuances Ardoise & Zinc */
  --a-900: #16202D;
  --a-800: #1F2E42;
  --a-700: #2C4260;
  --a-600: #3E5A80;
  --a-500: #5A7FA6;
  --a-400: #7F9DBE;
  --a-300: #A7B9CE;
  --a-200: #C9D5E2;
  --a-100: #E6ECF3;

  /* Nuances Calcaire */
  --c-700: #6F695F;
  --c-500: #A29B8F;
  --c-300: #D6D0C6;
  --c-100: #EFECE7;

  /* Fonctionnelles (statuts uniquement) — base (thème sombre), encre (thème clair), fond clair */
  --lichen: #86B59A;
  --ocre: #D4AE6A;
  --brique: #CF7F6E;
  --amethyste: #A596C8;
  --lichen-ink: #2F6B4A;
  --ocre-ink: #7A5A1C;
  --brique-ink: #9C3F2E;
  --amethyste-ink: #54457F;
  --lichen-100: #E3EFE7;
  --ocre-100: #F5ECDB;
  --brique-100: #F7E4DF;
  --amethyste-100: #ECE8F4;

  /* ── Sémantique — thème sombre. Fonds repris de la PWA en production (neutres chauds, sans bleu). Basalte reste la couleur de marque (logo, texte sur action principale). ── */
  --bg: #141413;
  --surface-1: #1F1F1E;
  --surface-2: #242423;
  --surface-3: #2A2A28;
  --surface-raised: #1F1F1E;
  --hover: rgba(241, 238, 231, .05);
  --active: rgba(241, 238, 231, .08);
  --tile: rgba(241, 238, 231, .09); /* tuile d'icône d'objet devant un record */
  --line: rgba(241, 238, 231, .12);
  --line-strong: rgba(241, 238, 231, .2);
  --text-1: var(--n-100);
  --text-2: var(--n-300);
  --text-3: #8A9199;
  --text-4: var(--n-500);
  --text-inverse: var(--n-950);
  --primary: var(--craie);
  --primary-hover: #FFFFFF;
  --on-primary: var(--basalte);
  --accent: var(--a-500);
  --accent-strong: var(--a-400);
  --accent-text: var(--a-300);
  --accent-bg: rgba(90, 127, 166, .22);
  --focus: var(--a-400);
  --focus-ring: 0px 0px 0px 3px rgba(167, 185, 206, .35);
  --selection: rgba(90, 127, 166, .45);
  --overlay: rgba(0, 0, 0, .55);
  --segment-active: #343432;
  --neutral: var(--n-200);
  --neutral-bg: rgba(242, 244, 247, .07);
  --info: var(--a-300);
  --info-bg: rgba(90, 127, 166, .22);
  --success: var(--lichen);
  --success-bg: rgba(134, 181, 154, .14);
  --success-solid: var(--lichen);
  --on-success: var(--basalte);
  --warning: var(--ocre);
  --warning-bg: rgba(212, 174, 106, .14);
  --danger: var(--brique);
  --danger-bg: rgba(207, 127, 110, .14);
  --danger-solid: var(--brique);
  --on-danger: var(--basalte);
  --violet: var(--amethyste);
  --violet-bg: rgba(165, 150, 200, .16);

  /* Données (graphiques, barres de Gantt, avatars) */
  --chart-1: #7F9DBE;
  --chart-2: #86B59A;
  --chart-3: #D4AE6A;
  --chart-4: #A596C8;
  --chart-5: #CF7F6E;
  --chart-6: #A29B8F;
  --chart-grid: rgba(241, 238, 231, .08);
}
/* ── Sémantique — thème clair. Fonds repris de la PWA en production ── */
[data-theme="light"] {
  color-scheme: light;
  --bg: #F7F6F2;
  --surface-1: #FFFFFF;
  --surface-2: #F2F1EC;
  --surface-3: #ECEBE6;
  --surface-raised: #FFFFFF;
  --hover: rgba(28, 27, 25, .04);
  --active: rgba(28, 27, 25, .07);
  --tile: rgba(28, 27, 25, .06);
  --line: rgba(28, 27, 25, .1);
  --line-strong: rgba(28, 27, 25, .16);
  --text-1: var(--n-950);
  --text-2: var(--n-600);
  --text-3: var(--n-500);
  --text-4: var(--n-400);
  --text-inverse: var(--n-100);
  --primary: var(--basalte);
  --primary-hover: var(--n-800);
  --on-primary: var(--craie);
  --accent: var(--a-600);
  --accent-strong: var(--a-500);
  --accent-text: var(--a-700);
  --accent-bg: rgba(90, 127, 166, .14);
  --focus: var(--a-500);
  --focus-ring: 0px 0px 0px 3px rgba(90, 127, 166, .25);
  --selection: rgba(90, 127, 166, .25);
  --overlay: rgba(14, 16, 18, .28);
  --segment-active: #FFFFFF;
  --neutral: var(--n-600);
  --neutral-bg: rgba(14, 16, 18, .06);
  --info: var(--a-700);
  --info-bg: var(--a-100);
  --success: var(--lichen-ink);
  --success-bg: var(--lichen-100);
  --success-solid: #3F8A60;
  --on-success: #FFFFFF;
  --warning: var(--ocre-ink);
  --warning-bg: var(--ocre-100);
  --danger: var(--brique-ink);
  --danger-bg: var(--brique-100);
  --danger-solid: #B8543F;
  --on-danger: #FFFFFF;
  --violet: var(--amethyste-ink);
  --violet-bg: var(--amethyste-100);
  --chart-1: #5A7FA6;
  --chart-2: #5E9A78;
  --chart-3: #C0923F;
  --chart-4: #8A78B8;
  --chart-5: #C0674F;
  --chart-6: #8C8579;
  --chart-grid: rgba(28, 27, 25, .07);
}