/* =========================================================
   LDS — Lomé Digital School · Design tokens
   Relevés sur lomedigitalschool.com (kit Elementor 1110 + template .ads-lp)
   À coller dans : Elementor > Site Settings > Custom CSS (ou en tête de maquette)
   ========================================================= */
:root {
  /* Couleurs */
  --lds-teal: #00A6AF;            /* action unique — décision 09/11 : valeur du brief */
  --lds-teal-dark: #00959D;       /* hover (-10 %) */
  --lds-teal-tint: #E0F5F6;       /* pills */
  --lds-teal-10: rgba(0, 166, 175, .10);
  --lds-teal-focus: rgba(0, 166, 175, .25);
  --lds-anthracite: #34414C;      /* fonds sombres + texte */
  --lds-anthracite-deep: #2A353E;
  --lds-white: #FFFFFF;
  --lds-greybg: #F5F8FA;          /* sections alternées */
  --lds-border: #DDDFE5;
  --lds-muted: #5E7290;           /* texte secondaire (AA) */
  --lds-on-dark-muted: rgba(255, 255, 255, .78);
  --lds-yellow: #F3E9A0;          /* accent rare */

  /* Typo */
  --lds-font: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --lds-fs-h1: clamp(32px, 5vw, 50px);
  --lds-fs-h2: clamp(26px, 4vw, 34px);
  --lds-fs-h3: 17px;
  --lds-fs-body: 16px;
  --lds-fs-small: 13px;
  --lds-fs-badge: 11px;

  /* Formes */
  --lds-radius-btn: 8px;          /* décision 09/11 : brief (site = 40px pilule) */
  --lds-radius-pill: 40px;
  --lds-radius-card: 16px;
  --lds-radius-sm: 12px;
  --lds-shadow-card: 0 2px 12px rgba(0, 0, 0, .04);
  --lds-shadow-float: 0 8px 40px rgba(0, 0, 0, .12);

  /* Mise en page */
  --lds-container: 1140px;
  --lds-gutter: 24px;
  --lds-section-y: 100px;
  --lds-section-y-mobile: 64px;

  /* Motifs */
  --lds-dots: radial-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px);
  --lds-hero-gradient: linear-gradient(160deg, #00A6AF 0%, #00959D 35%, #34414C 100%);
  --lds-dark-gradient: linear-gradient(135deg, #34414C 0%, #2A353E 100%);
}