/* Tokens — seule surface à toucher pour re-skinner le site.
   Palette pastel : la carte doit rester douce, les zones colorées sont le seul
   élément qui accroche l'œil. */

:root {
  /* Les 7 ambiances. Aucune de ces couleurs ne porte de jugement de valeur :
     ni rouge, ni vert "feu tricolore". Voir PLAN.md §1.
     Le familial se lit sur deux teintes voisines — même famille de vert, parce
     que c'est la même vie de quartier, à deux niveaux d'agitation. */
  --mood-peaceful: #a8c7e8;
  --mood-family-calm: #a9d6b0;
  --mood-family-lively: #c6dc8f;
  --mood-lively: #f5d48a;
  --mood-very-lively: #f2a88f;
  --mood-changing: #c9b6e4;
  /* Terre cuite grisée : visible sans être une alerte. Le rouge dirait
     « danger », ce que cette catégorie ne dit pas. */
  --mood-raw: #cbaa9c;
  --mood-undocumented: #e8e6e1;

  /* Versions assombries pour les contours et le texte sur pastille */
  --mood-peaceful-ink: #3f6d9e;
  --mood-family-calm-ink: #438551;
  --mood-family-lively-ink: #6d8a2c;
  --mood-lively-ink: #a37a1a;
  --mood-very-lively-ink: #b85b3c;
  --mood-changing-ink: #6f57a0;
  --mood-raw-ink: #8f6555;
  --mood-undocumented-ink: #8a857c;

  /* Surfaces */
  --bg: #f4f2ee;
  --surface: #ffffff;
  --surface-sunken: #faf9f7;
  --border: #e6e2db;

  /* Texte */
  --ink: #1d1b18;
  --ink-soft: #5f5a52;
  --ink-faint: #928c82;

  /* Accent (interactions, pins, focus) */
  --accent: #2f6df0;
  --accent-soft: #e8effe;

  /* Formes — génereusement arrondi, façon Zenly */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-pill: 999px;

  /* Ombres douces, jamais dures */
  --shadow-sm: 0 1px 2px rgb(29 27 24 / 0.04), 0 2px 8px rgb(29 27 24 / 0.06);
  --shadow-md: 0 2px 4px rgb(29 27 24 / 0.05), 0 8px 24px rgb(29 27 24 / 0.1);
  --shadow-lg: 0 4px 8px rgb(29 27 24 / 0.06), 0 16px 48px rgb(29 27 24 / 0.14);

  /* Typo */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", system-ui, sans-serif;

  /* Rythme */
  --gap: 12px;
  --sidebar-w: 320px;
}

/* Couleurs du fond de carte, appliquées par js/map/style.js par-dessus le
   style de base. Objectif : effacer le bâti et les labels pour que seules les
   zones ressortent. */
:root {
  --map-bg: #f4f2ee;
  --map-water: #d6e6f2;
  --map-green: #e3ede1;
  --map-road: #ffffff;
  --map-road-casing: #ebe7e0;
  --map-building: #ece8e1;
  --map-label: #928c82;
  --map-label-halo: #faf9f7;
}