/* Mon-IP.ca v2 — Design tokens (brand board 2026-07-04) */
:root {
  /* Couleurs principales */
  --navy:        #0D1B2A;  /* bleu nuit — hero, footer, texte fort */
  --navy-2:      #1B263B;  /* bleu nuit secondaire — dégradés, cartes sombres */
  --blue:        #2563EB;  /* bleu — liens, éléments actifs, info */
  --blue-light:  #22D3EE;  /* cyan — accents, graphiques, focus */
  --green:       #10B981;  /* vert émeraude — CTA principaux, succès */
  --green-dark:  #059669;  /* hover CTA */
  --yellow:      #FACC15;  /* avertissement modéré */
  --red:         #E63946;  /* risque, erreur, accent canadien */

  /* Neutres */
  --bg:          #F1F5F9;
  --card:        #FFFFFF;
  --border:      #E2E8F0;
  --text:        #0D1B2A;
  --text-2:      #64748B;

  /* Dérivés (fonds de badge) */
  --green-bg:    #D1FAE5;
  --yellow-bg:   #FEF9C3;
  --red-bg:      #FEE2E2;
  --blue-bg:     #DBEAFE;
  --info-bg:     #CFFAFE;

  /* Typo */
  --font-sans: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Espacements */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px;

  /* Rayons & ombres */
  --radius:    12px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(13, 27, 42, .06);
  --shadow:    0 4px 16px rgba(13, 27, 42, .08);
  --shadow-lg: 0 12px 40px rgba(13, 27, 42, .18);

  --header-h: 72px;
  --container: 1160px;
}