:root{
  /* ---- Couleurs ---- */
  --sdm-blue:        #0B5FFF;
  --sdm-blue-deep:   #0A3FCF;
  --sdm-blue-light:  #2C7BFF;
  --sdm-ink:         #101A2E;
  --sdm-coral:       #FF5A3C;
  --sdm-yellow:      #FFC93C;
  --sdm-mint:        #12B886;
  --sdm-slate:       #5B6478;
  --sdm-mist:        #F5F7FC;
  --sdm-paper-blue:  #E4EBFF;
  --sdm-violet:      #6B4BFF;
  --sdm-white:       #FFFFFF;

  /* ---- Typographie : Myriad Pro partout ----
     "myriad-pro"    = nom de famille servi par le kit Adobe Fonts
     "Source Sans 3" = repli auto-hebergeable, meme squelette humaniste  */
  --sdm-font: "myriad-pro","Source Sans 3","Segoe UI",system-ui,sans-serif;

  /* ---- Rayons ---- */
  --sdm-r-card: 12px;
  --sdm-r-tile: 20px;
  --sdm-r-pill: 999px;

  /* ---- Ombres ---- */
  --sdm-shadow-1: 0 2px 8px rgba(16,26,46,.06);
  --sdm-shadow-2: 0 8px 24px rgba(11,95,255,.14);

  /* ---- Rythme (base 8) ---- */
  --sdm-space-1: 8px;   --sdm-space-2: 16px;  --sdm-space-3: 24px;
  --sdm-space-4: 32px;  --sdm-space-5: 48px;  --sdm-space-6: 72px;

  /* ---- Grille ---- */
  --sdm-container: 1200px;
  --sdm-gutter: 24px;
}

body{ font-family:var(--sdm-font); color:var(--sdm-ink); }

/* Repli auto-heberge (a utiliser si le kit Adobe Fonts n'est pas charge) */
@font-face{ font-family:"Source Sans 3"; font-weight:400; font-display:swap;
  src:url("/fonts/SourceSans3-Regular.woff2") format("woff2"); }
@font-face{ font-family:"Source Sans 3"; font-weight:500; font-display:swap;
  src:url("/fonts/SourceSans3-Medium.woff2") format("woff2"); }
@font-face{ font-family:"Source Sans 3"; font-weight:600; font-display:swap;
  src:url("/fonts/SourceSans3-SemiBold.woff2") format("woff2"); }
@font-face{ font-family:"Source Sans 3"; font-weight:700; font-display:swap;
  src:url("/fonts/SourceSans3-Bold.woff2") format("woff2"); }