/* ==========================================================================
   SAS DALLIER — Design tokens
   Source de vérité unique pour couleurs, typographie, espacements, radius,
   ombres et transitions. Modifier ici pour changer le rendu global du site.
   ========================================================================== */

:root {
  /* Couleurs — palette officielle client (mise à jour du 2026-07) */
  --color-navy: #1E3A5F;
  /* Dérivé de --color-navy en conservant le même delta de luminosité HSL
     que l'ancienne paire navy/navy-light (usage : dégradé .hero uniquement). */
  --color-navy-light: #254775;
  --color-white: #FFFFFF;
  --color-off-white: #F8FAFC;
  /* Orange de marque brut ("Boutons" client) : réservé au décoratif / grands
     textes / icônes, où le contraste texte-sur-fond n'est pas la contrainte
     (voir base.css .logo/.stat-number, components.css .card-icon). */
  --color-orange: #F47C20;
  /* "Hover boutons" client, brut : réservé au décoratif (teintes, survols non
     textuels). Ne PAS utiliser pour du texte — contraste insuffisant, voir
     --color-orange-btn-hover pour l'état hover accessible du bouton. */
  --color-orange-dark: #D96510;
  /* Variante texte AA : contraste ≥4.5:1 sur fond blanc/off-white (voir base.css/components.css).
     Dérivée de la teinte du nouvel orange (H≈26°) assombrie à L=37%, et non de
     l'ancien --color-orange-text (H≈17,5°) qui appartenait à l'ancienne teinte. */
  --color-orange-text: #B45309;
  /* Variantes bouton AA : texte blanc ≥4.5:1 sur ces fonds (voir .btn-primary).
     #F47C20 littéral échoue (≈2.7:1 en texte blanc) : ces valeurs sont la même
     teinte assombrie au minimum nécessaire pour rester accessible. */
  --color-orange-btn: #BE5809;
  --color-orange-btn-hover: #A54C08;
  /* Variante claire réservée aux petits textes orange sur fond navy
     (.section-navy .eyebrow / .review-stars) : le nouveau navy étant plus
     clair que l'ancien, l'orange brut ne suffit plus (≈4.24:1) ; celle-ci
     restaure une marge AA confortable (~5.35:1). */
  --color-orange-on-navy: #F79B55;
  --color-text: #1A2438;
  --color-text-muted: #475569;
  /* Titres (h1-h4) : teinte distincte des "Sections foncées", volontairement
     proche mais plus sombre pour rester différenciable du navy de marque. */
  --color-heading: #1E293B;
  --color-border: #E2E8F0;
  /* Tint plus clair de la même famille "slate" que --color-border, pour
     remplacer l'ancienne rgba(navy, 0.06) désormais sans lien avec un navy solide. */
  --color-border-light: #F1F5F9;

  /* Typographie — pile système, zéro requête externe */
  --font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 2rem;
  --fs-3xl: 2.75rem;
  --fs-4xl: 3.5rem;
  --lh-tight: 1.15;
  --lh-base: 1.6;

  /* Espacements */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 8rem;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 999px;

  /* Ombres */
  --shadow-sm: 0 2px 8px rgba(11, 30, 57, 0.06);
  --shadow-md: 0 8px 24px rgba(11, 30, 57, 0.10);
  --shadow-lg: 0 20px 48px rgba(11, 30, 57, 0.16);

  /* Transitions */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.2s var(--ease);
  --transition-base: 0.4s var(--ease);

  /* Layout */
  --container-max: 1200px;
  --header-height: 80px;
}