/* ══════════════════════════════════════
   variables.css
   Variables CSS globales & styles de base
══════════════════════════════════════ */

:root {
  /* Couleurs principales */
  --blue:     #0975F4;
  --blue-d:   #065ecc;
  --blue-xl:  #0a5fc4;
  --blue-bg:  #EEF5FF;
  --blue-soft:#daeaff;

  /* Gris */
  --gray:   #535050;
  --gray-l: #f7f8fa;
  --gray-m: #e8e8e8;
  --gray-d: #3a3a3a;

  /* Utilitaires */
  --white: #fff;
  --text:  #111827;

  /* Statuts */
  --green:    #16a34a;
  --green-bg: #dcfce7;
  --orange:   #ea580c;
  --orange-bg:#fff7ed;

  /* Bordures / rayons */
  --r:  14px;
  --r2: 20px;
  --r3: 28px;

  /* Ombres */
  --shadow:    0 4px 24px rgba(9, 117, 244, .10);
  --shadow-lg: 0 12px 48px rgba(9, 117, 244, .15);
}

/* ══ RESET & BASE ══ */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Poppins', sans-serif;
  background: #fff;
  color: var(--text);
  overflow-x: hidden;
}