/* ============================================================================
   VAZACAR — Design tokens
   Source de vérité pour couleurs, typographie, espacements. Voir
   design/DESIGN_SYSTEM.md pour la documentation complète et le raisonnement
   derrière chaque choix.

   IMPORTANT — ne jamais toucher : les 9 couleurs sémantiques de l'éclaté
   technique (état des zones) vivent dans eclate/views.py (ETAT_COLORS) et
   static/css/style.css (.state-*), volontairement séparées de ces tokens de
   marque pour qu'aucune modification de charte graphique ne puisse jamais
   les faire dériver.
   ========================================================================= */

:root {
  /* --- Couleurs de marque --------------------------------------------- */
  --vaz-forest-900: #1B4332;   /* header, footer, éléments d'autorité */
  --vaz-forest-700: #2D6A4F;   /* variante structurante, hover sur forest */
  --vaz-forest-600: #386B52;

  --vaz-sage-400: #95D5B2;     /* accents, bordures actives, focus */
  --vaz-sage-300: #B7E4C7;     /* accents plus doux */
  --vaz-sage-100: #E6F4EC;     /* fonds de section très légers */

  --vaz-cta: #3D7A5C;          /* boutons d'action — volontairement distinct
                                   du vert "état OK" (#10B981, voir eclate) et
                                   des forest/sage ci-dessus */
  --vaz-cta-hover: #2F6048;

  --vaz-ivory: #F8F7F2;        /* fond principal, jamais blanc pur */
  --vaz-ivory-deep: #F1EFE6;   /* fond de sections alternées */
  --vaz-paper: #FFFFFF;        /* cartes, surfaces élevées */

  --vaz-ink: #16211C;          /* texte principal — charbon vert, pas noir pur */
  --vaz-ink-dim: #4A5A51;      /* texte secondaire */
  --vaz-line: #D8DED4;         /* bordures discrètes */

  --vaz-amber: #C99A3B;        /* sponsorisé / mise en avant (hors palette état) */
  --vaz-danger: #B3452F;       /* actions destructrices */

  /* --- Typographie ------------------------------------------------------ */
  --vaz-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --vaz-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --vaz-font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  --vaz-text-xs: 0.75rem;
  --vaz-text-sm: 0.875rem;
  --vaz-text-base: 1rem;
  --vaz-text-lg: 1.125rem;
  --vaz-text-xl: 1.375rem;
  --vaz-text-2xl: 1.875rem;
  --vaz-text-3xl: 2.5rem;
  --vaz-text-4xl: 3.25rem;

  /* --- Espacement (échelle 4px) ----------------------------------------- */
  --vaz-space-1: 0.25rem;
  --vaz-space-2: 0.5rem;
  --vaz-space-3: 0.75rem;
  --vaz-space-4: 1rem;
  --vaz-space-6: 1.5rem;
  --vaz-space-8: 2rem;
  --vaz-space-12: 3rem;
  --vaz-space-16: 4rem;

  /* --- Rayons / ombres ---------------------------------------------------- */
  --vaz-radius-sm: 4px;
  --vaz-radius-md: 8px;
  --vaz-radius-lg: 14px;
  --vaz-shadow-card: 0 1px 3px rgba(27, 67, 50, 0.08), 0 1px 2px rgba(27, 67, 50, 0.06);
  --vaz-shadow-raised: 0 8px 24px rgba(27, 67, 50, 0.12);
}