/* Couleurs, espacements et thèmes clair / sombre */
:root {
  color-scheme: light;
  --fond: #f6f4ef;
  --surface: #fdfcfa;
  --surface-2: #efece5;
  --texte: #1f2421;
  --texte-doux: #5f665f;
  --texte-pale: #858b84;
  --bordure: #e2ded5;
  --grille: #e8e5dd;
  --accent: #2f6f5e;
  --accent-fort: #245a4c;
  --accent-doux: #dcece5;
  --sur-accent: #ffffff;

  /* Statuts (toujours accompagnés d'un libellé) */
  --ok: #1f7a45;
  --ok-doux: #dcefe2;
  --attention: #9a6408;
  --attention-doux: #f7ead0;
  --danger: #b4443a;
  --danger-doux: #f6dedb;
  --neutre-doux: #e9e7e1;

  /* Catégories — ordre fixe, palette validée daltonisme */
  --cat-terrain: #2a78d6;
  --cat-viabilisation: #eb6834;
  --cat-maison: #1baf7a;
  --cat-cuisine: #eda100;
  --cat-escalier: #e87ba4;
  --cat-finitions: #008300;
  --cat-taxes: #6250d6;
  --cat-exterieur: #e34948;

  /* Barres « payé / engagé / prévu » */
  --barre-paye: var(--accent);
  --barre-engage: #8fbfae;
  --barre-piste: #e6e2d9;

  --rayon: 14px;
  --rayon-petit: 8px;
  --ombre: 0 1px 2px rgb(0 0 0 / .05), 0 4px 16px rgb(0 0 0 / .04);
  --ombre-forte: 0 10px 40px rgb(0 0 0 / .18);
  --espace: 16px;
  --police: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --fond: #121513;
    --surface: #1b201d;
    --surface-2: #242a26;
    --texte: #e9ece8;
    --texte-doux: #a9b0aa;
    --texte-pale: #858b84;
    --bordure: #2f3632;
    --grille: #2a302c;
    --accent: #6fbfa5;
    --accent-fort: #8fd3bc;
    --accent-doux: #21352e;
    --sur-accent: #0f1a16;
    --ok: #5cc98a;
    --ok-doux: #1d3326;
    --attention: #e0a943;
    --attention-doux: #3a2f17;
    --danger: #ec7d72;
    --danger-doux: #3d2220;
    --neutre-doux: #2a302c;
    --cat-terrain: #3987e5;
    --cat-viabilisation: #d95926;
    --cat-maison: #199e70;
    --cat-cuisine: #c98500;
    --cat-escalier: #d55181;
    --cat-finitions: #008300;
    --cat-taxes: #9085e9;
    --cat-exterieur: #e66767;
    --barre-engage: #3d6b5c;
    --barre-piste: #2a302c;
    --ombre: 0 1px 2px rgb(0 0 0 / .3);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --fond: #121513;
  --surface: #1b201d;
  --surface-2: #242a26;
  --texte: #e9ece8;
  --texte-doux: #a9b0aa;
  --texte-pale: #858b84;
  --bordure: #2f3632;
  --grille: #2a302c;
  --accent: #6fbfa5;
  --accent-fort: #8fd3bc;
  --accent-doux: #21352e;
  --sur-accent: #0f1a16;
  --ok: #5cc98a;
  --ok-doux: #1d3326;
  --attention: #e0a943;
  --attention-doux: #3a2f17;
  --danger: #ec7d72;
  --danger-doux: #3d2220;
  --neutre-doux: #2a302c;
  --cat-terrain: #3987e5;
  --cat-viabilisation: #d95926;
  --cat-maison: #199e70;
  --cat-cuisine: #c98500;
  --cat-escalier: #d55181;
  --cat-finitions: #008300;
  --cat-taxes: #9085e9;
  --cat-exterieur: #e66767;
  --barre-engage: #3d6b5c;
  --barre-piste: #2a302c;
  --ombre: 0 1px 2px rgb(0 0 0 / .3);
}