/* ==========================================================================
   SNL — Design Tokens
   Transposition fidèle de la maquette Replit (src/index.css).
   Source de vérité : le code Replit (le replit.md est obsolète sur les polices).
   - Couleur de marque : rouge #D42B2B  = hsl(4 72% 48%)
   - Sections sombres  : #0A0B0F / #0D0D10
   - Texte             : charbon #1F1F1F = hsl(0 0% 12%)
   - Polices RÉELLES   : Inter (corps) / Playfair Display (titres) / Space Mono (labels)
   ========================================================================== */

:root {
  /* ---- Palette de marque (HEX, lisible pour Elementor) ---- */
  --snl-red:            #D42B2B; /* primary / liens / hover */
  --snl-red-dark:       #B81F1F;
  --snl-red-light:      #E86A6A;

  --snl-black:          #0A0B0F; /* fond sections sombres (hero, premium, stats…) */
  --snl-black-2:        #0D0D10; /* variante sombre */
  --snl-charcoal:       #1F1F1F; /* texte principal — hsl(0 0% 12%) */

  --snl-white:          #FFFFFF;
  --snl-off-white:      #FCFCFC; /* card — hsl(0 0% 99%) */
  --snl-light:          #F2F2F2; /* secondary / muted / accent — hsl(0 0% 95%) */
  --snl-light-2:        #F7F7F7; /* sidebar — hsl(0 0% 97%) */

  --snl-muted:          #6B6B6B; /* muted-foreground — hsl(0 0% 42%) */
  --snl-border:         #E0E0E0; /* border / input — hsl(0 0% 88%) */

  /* ---- Polices (identité : DM Serif Display titres + DM Sans textes) ---- */
  --snl-font-sans:   'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --snl-font-serif:  'DM Serif Display', Georgia, 'Times New Roman', serif;
  /* Système à 2 polices : les labels/métadonnées (ex-mono) utilisent aussi DM Sans. */
  --snl-font-mono:   var(--snl-font-sans);

  /* ---- Rayons / espacements ---- */
  --snl-radius:      0.5rem; /* 8px */
  --snl-radius-sm:   0.25rem;
  --snl-radius-lg:   0.75rem;

  /* ==========================================================================
     Compatibilité shadcn/Tailwind (canaux HSL bruts "H S% L%").
     Permet de réutiliser tel quel le markup porté depuis le Replit
     (classes bg-background, text-foreground, etc. via hsl(var(--x))).
     ========================================================================== */
  --background: 0 0% 100%;
  --foreground: 0 0% 12%;
  --border: 0 0% 88%;
  --input: 0 0% 88%;
  --ring: 4 72% 48%;

  --card: 0 0% 99%;
  --card-foreground: 0 0% 12%;
  --card-border: 0 0% 88%;

  --popover: 0 0% 100%;
  --popover-foreground: 0 0% 12%;

  --primary: 4 72% 48%;
  --primary-foreground: 0 0% 100%;

  --secondary: 0 0% 95%;
  --secondary-foreground: 0 0% 12%;

  --muted: 0 0% 95%;
  --muted-foreground: 0 0% 42%;

  --accent: 0 0% 95%;
  --accent-foreground: 0 0% 12%;

  --destructive: 0 84% 60%;
  --destructive-foreground: 0 0% 100%;

  --chart-1: 4 72% 48%;
  --chart-2: 0 0% 20%;
  --chart-3: 0 0% 40%;
  --chart-4: 4 72% 65%;
  --chart-5: 0 0% 70%;
}