/* ══════════════════════════════════════════════
   DESIGN SYSTEM PARTAGÉ — Dr Montacer Hafsi
   Utilisé par : portfolio, déclenchement, biométrie
══════════════════════════════════════════════ */
:root {
  --primary:       #1a6fa8;
  --primary-dark:  #145a8a;
  --primary-light: #e8f4fd;
  --primary-mid:   #2d8fd4;
  --navy:          #0f1f35;
  --navy-mid:      #1a2f48;
  --navy-light:    #243b55;
  --success:       #15803d;
  --success-light: #dcfce7;
  --warning:       #b45309;
  --warning-light: #fef3c7;
  --danger:        #b91c1c;
  --danger-light:  #fee2e2;
  --gray-50:   #f9fafb;
  --gray-100:  #f3f4f6;
  --gray-200:  #e5e7eb;
  --gray-300:  #d1d5db;
  --gray-400:  #9ca3af;
  --gray-500:  #6b7280;
  --gray-700:  #374151;
  --gray-900:  #111827;
  --radius:    10px;
  --shadow:    0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05);
  --shadow-md: 0 4px 12px rgba(0,0,0,.08);
  --shadow-lg: 0 10px 30px rgba(0,0,0,.12);
}