/* tokens.css — seule source de valeurs. Rien de codé en dur ailleurs.
   Couleurs relevées sur usdt-rentcar.com (variables globales Elementor). */

:root {
  /* Couleurs de marque */
  --c-noir:        #17171A;
  --c-orange:      #FF9D12;
  --c-orange-fonce:#E88A00;
  --c-blanc:       #FFFFFF;
  --c-gris-1:      #F9F9F9;
  --c-gris-2:      #F3F3F3;
  --c-gris-3:      #E8E8E9;
  --c-gris-4:      #A2A2A3;
  --c-gris-5:      #6B6B70;
  --c-ardoise:     #8090AE;
  --c-rouge:       #D6230C;
  --c-vert:        #1F8A4C;

  /* Rôles */
  --fond:            var(--c-blanc);
  --fond-alt:        var(--c-gris-1);
  --fond-sombre:     var(--c-noir);
  --texte:           var(--c-noir);
  --texte-doux:      var(--c-gris-5);
  --texte-inverse:   var(--c-blanc);
  --bordure:         var(--c-gris-3);
  --accent:          var(--c-orange);
  --accent-contraste:var(--c-noir);

  /* Typographie */
  --police-titre: "League Spartan", "Helvetica Neue", Arial, sans-serif;
  --police-texte: "Roboto", "Helvetica Neue", Arial, sans-serif;

  --t-xs:   0.75rem;   /* 12 */
  --t-sm:   0.875rem;  /* 14 */
  --t-base: 1rem;      /* 16 */
  --t-md:   1.125rem;  /* 18 */
  --t-lg:   1.375rem;  /* 22 */
  --t-xl:   1.75rem;   /* 28 */
  --t-2xl:  2.25rem;   /* 36 */
  --t-3xl:  3rem;      /* 48 */
  --t-4xl:  4rem;      /* 64 */

  --gras-texte: 400;
  --gras-moyen: 500;
  --gras-titre: 800;

  --interligne-titre: 1.02;
  --interligne-texte: 1.65;

  /* Espacements */
  --e-1: 0.25rem;
  --e-2: 0.5rem;
  --e-3: 0.75rem;
  --e-4: 1rem;
  --e-5: 1.5rem;
  --e-6: 2rem;
  --e-7: 3rem;
  --e-8: 4rem;
  --e-9: 6rem;

  /* Rayons */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
  --r-xl: 32px;
  --r-pilule: 999px;

  /* Ombres */
  --ombre-1: 0 1px 2px rgba(23, 23, 26, .06), 0 2px 8px rgba(23, 23, 26, .05);
  --ombre-2: 0 4px 12px rgba(23, 23, 26, .08), 0 12px 32px rgba(23, 23, 26, .08);
  --ombre-3: 0 18px 48px rgba(23, 23, 26, .16);

  /* Gabarit */
  --largeur-max: 1200px;
  --largeur-texte: 74ch;
  --en-tete-h: 84px;

  --transition: 180ms cubic-bezier(.4, 0, .2, 1);
}

@media (max-width: 900px) {
  :root {
    --t-3xl: 2.25rem;
    --t-4xl: 2.625rem;
    --t-2xl: 1.75rem;
    --e-9: 3.5rem;
    --e-8: 2.5rem;
    --en-tete-h: 68px;
  }
}