@import "tailwindcss";

/*
 * Le Donut Infolab — design tokens.
 *
 * 6 couleurs des catégories (alignées avec l'API color_hex) +
 * 2 couleurs de dimension Donut (plancher social, plafond écologique).
 *
 * Utilisation Tailwind v4 : `bg-donut-data`, `text-donut-ecology`, `border-donut-democracy`...
 * Pour les couleurs dynamiques venant de l'API (e.g. catégorie ajoutée à chaud),
 * on utilise des styles inline avec category.color_hex.
 */
@theme {
  /* Palette Donut — fond crème, texte presque noir, accents catégorie. */
  --color-donut-bg: #FAFAF6;
  --color-donut-surface: #FFFFFF;
  --color-donut-text: #111827;
  --color-donut-muted: #6B7280;
  --color-donut-border: #E5E7EB;

  /* 6 catégories thématiques — couleurs miroirs de migrations/002_seed_categories.sql */
  --color-donut-data: #3B82F6;        /* Data & Open Data         (transversal) */
  --color-donut-democracy: #EF4444;   /* Démocratie & Citoyenneté (social)      */
  --color-donut-habitat: #14B8A6;     /* Habitat & Solidarité     (social)      */
  --color-donut-territory: #F97316;   /* Territoire & Urbanisme   (transversal) */
  --color-donut-ecology: #22C55E;     /* Écologie & Biodiversité  (ecologique)  */
  --color-donut-education: #A855F7;   /* Éducation & Écoles       (social)      */

  /* Statuts projets — badges */
  --color-status-active: #F97316;     /* "Actif"    orange */
  --color-status-completed: #A855F7;  /* "Réalisé"  violet */
  --color-status-archived: #6B7280;   /* "Archivé"  gris   */

  /* Dimension Donut — plancher / plafond */
  --color-floor-social: #F97316;
  --color-ceiling-eco: #22C55E;
}

html, body, #app {
  height: 100%;
}

body {
  margin: 0;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background: var(--color-donut-bg);
  color: var(--color-donut-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Scrollbar discrète sur Webkit. */
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background: #d4d4d8;
  border-radius: 5px;
}
*::-webkit-scrollbar-thumb:hover {
  background: #a1a1aa;
}
