/* Copie générée depuis design/web-blocks/dt-tokens.css -- ne pas éditer ici. */
:root {

  --dt-primary: #334155;
  --dt-primary-strong: #1e293b;
  --dt-cta: #4f46e5;
  --dt-cta-strong: #4338ca;
  --dt-bg: #ffffff;
  --dt-surface: #f8fafc;
  --dt-surface-alt: #eef2f7;
  --dt-border: #e2e8f0;
  --dt-text: #1f2937;
  --dt-text-muted: #5b6676;
  --dt-text-on-primary: #ffffff;

  --dt-surface-accent: var(--dt-primary);
  --dt-text-on-accent: var(--dt-text-on-primary);
  --dt-text-on-cta: #ffffff;

  --dt-control-border: var(--dt-text-muted);
  --dt-btn-ghost-hover-bg: var(--dt-primary-a10);
  --dt-btn-min-h: 3rem;
  --dt-btn-pad: 0.85em 2.4em;
  --dt-btn-radius: var(--dt-radius-pill);
  --dt-btn-weight: 500;
  --dt-btn-lift: -1px;
  --dt-btn-shadow-hover: var(--dt-shadow-2);
  --dt-btn-glyph: none;

  --dt-cta-on-media: var(--dt-cta);
  --dt-cta-on-media-strong: var(--dt-cta-strong);
  --dt-text-on-cta-on-media: var(--dt-text-on-cta);

  --dt-primary-a10: color-mix(in srgb, var(--dt-primary) 10%, transparent);
  --dt-primary-a25: color-mix(in srgb, var(--dt-primary) 25%, transparent);
  --dt-cta-a25: color-mix(in srgb, var(--dt-cta) 25%, transparent);
  --dt-shadow-1: 0 1px 3px color-mix(in srgb, var(--dt-primary-strong) 8%, transparent);
  --dt-shadow-2: 0 6px 18px color-mix(in srgb, var(--dt-primary-strong) 12%, transparent);
  --dt-shadow-cta: 0 4px 14px var(--dt-cta-a25);

  --dt-font-heading: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --dt-font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --dt-fs-h1: clamp(2.4rem, 1.4rem + 3vw, 3.05rem);
  --dt-fs-h2: clamp(1.6rem, 1.1rem + 2vw, 2.44rem);
  --dt-fs-h3: clamp(1.25rem, 1.05rem + 1vw, 1.56rem);
  --dt-fs-body: 1rem;
  --dt-fs-small: 0.875rem;
  --dt-lh-heading: 1.2;
  --dt-lh-body: 1.6;
  --dt-measure: 66ch;
  --dt-measure-sub: 54ch;

  --dt-space-1: 0.5rem;
  --dt-space-2: 1rem;
  --dt-space-3: 1.5rem;
  --dt-space-4: 2rem;
  --dt-space-5: 3rem;
  --dt-space-6: 4rem;
  --dt-space-section: clamp(3rem, 2rem + 2.5vw, 5rem);

  --dt-section-pad: var(--dt-space-section);
  --dt-section-pad-compact: var(--dt-space-2);
  --dt-box-pad: var(--dt-space-3);
  --dt-box-pad-compact: var(--dt-space-2);
  --dt-content-narrow: 46rem;

  --dt-radius-1: 8px;
  --dt-radius-2: 14px;
  --dt-radius-pill: 999px;

  --dt-content-max: 72rem;
  --dt-target-min: 44px;

  --dt-nav-text: var(--dt-primary);
  --dt-nav-text-soft: color-mix(in srgb, var(--dt-nav-text) 85%, transparent);
  --dt-nav-fs: 0.8rem;
  --dt-nav-weight: 600;
  --dt-nav-tracking: 0.12em;
  --dt-nav-transform: uppercase;
  --dt-nav-pad-x: 1.25rem;
  --dt-nav-underline: var(--dt-nav-text);
  --dt-nav-underline-h: 2px;
  --dt-nav-panel-bg: var(--dt-primary);
  --dt-nav-panel-text: var(--dt-text-on-primary);
  --dt-nav-panel-text-soft: color-mix(in srgb, var(--dt-nav-panel-text) 85%, transparent);
  --dt-nav-panel-border: var(--dt-primary-strong);
  --dt-nav-panel-hover: color-mix(in srgb, var(--dt-nav-panel-text) 8%, transparent);
  --dt-nav-panel-w: 15rem;
  --dt-nav-panel-shadow: var(--dt-shadow-2);
  --dt-nav-brand-gap: var(--dt-space-5);

  --dt-entete-largeur: var(--dt-content-max);
  --dt-entete-hauteur: 4.5rem;
  --dt-entete-pad-moyen: var(--dt-space-1);
  --dt-entete-pad-petit: var(--dt-space-1);
  --dt-entete-filet: var(--dt-border);
  --dt-entete-filet-epaisseur: 0px;
  --dt-entete-marque-couleur: var(--dt-primary);
  --dt-entete-marque-police: var(--dt-font-heading);
  --dt-entete-marque-taille: 1.5rem;
  --dt-entete-marque-graisse: 400;
  --dt-entete-marque-casse: none;
  --dt-entete-marque-retrait: 0px;
  --dt-entete-icone: var(--dt-primary);
  --dt-entete-icone-taille: 1.75rem;
  --dt-entete-icone-taille-petit: 1.5rem;
  --dt-entete-ouvrir-alignement-petit: center;
  --dt-entete-action-couleur: var(--dt-primary);
  --dt-entete-action-police: var(--dt-font-body);
  --dt-entete-action-taille: 0.9375rem;
  --dt-entete-action-graisse: 400;
  --dt-entete-action-casse: none;
  --dt-entete-action-rayon: var(--dt-radius-pill);
  --dt-entete-tiroir-largeur: 25rem;
  --dt-entete-tiroir-bg: var(--dt-bg);
  --dt-entete-tiroir-texte: var(--dt-text);
  --dt-entete-voile: color-mix(in srgb, var(--dt-primary) 60%, transparent);
  --dt-entete-lien-police: var(--dt-font-heading);
  --dt-entete-lien-taille: 1.0625rem;
  --dt-entete-lien-taille-petit: 1.125rem;
  --dt-entete-lien-graisse: 400;
  --dt-entete-lien-casse: none;
  --dt-entete-lien-avant-graisse: 700;

  --dt-entete-ouvrir-texte-taille: 0.8125rem;
  --dt-entete-ouvrir-texte-espacement: normal;
  --dt-entete-rubriques-taille: var(--dt-entete-lien-taille);
  --dt-entete-rubriques-espacement: normal;
  --dt-entete-rubriques-ecart: clamp(1rem, 3.5vw - 1rem, 2.25rem);
  --dt-entete-rubriques-pad: 0.75rem;
  --dt-entete-rubriques-couleur: var(--dt-text);
  --dt-entete-rubriques-filet: var(--dt-border);
  --dt-entete-coordonnees-taille: 0.9375rem;
  --dt-entete-coordonnees-filet: var(--dt-border);
  --dt-entete-coordonnees-icone: 1.375rem;
  --dt-entete-pouce-bg: var(--dt-bg);
  --dt-entete-pouce-filet: var(--dt-border);
  --dt-entete-pouce-largeur-max: 20rem;
  --dt-entete-pouce-hauteur: calc(var(--dt-target-min) + 2 * var(--dt-space-1) + 1px);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-instant: 0ms;
    --motion-fast: 0ms;
    --motion-base: 0ms;
    --motion-slow: 0ms;
    --motion-scene: 0ms;
  }
}

.dtb-media--clair {
  --dt-cta-on-media: var(--dt-cta);
  --dt-cta-on-media-strong: var(--dt-cta-strong);
  --dt-text-on-cta-on-media: var(--dt-text-on-cta);
}