/* ==========================================================================
   JETONS — le vocabulaire commun aux deux boutiques
   --------------------------------------------------------------------------
   Repris du système de md-france.fr (design-md-france/styles/systeme.css) :
   mêmes neutres, même échelle typographique, mêmes espacements. Les couleurs
   propres à chaque marque vivent dans marques.css, et nulle part ailleurs.
   ========================================================================== */

:root {
  /* neutres */
  --md-nuit: #0E1726;
  --md-nuit-2: #16223A;
  --md-clair-sur-nuit: #C9D6E6;
  --md-encre: #111827;
  --md-encre-2: #4B5563;
  --md-encre-3: #6B7280;
  --md-trait: #E3E8EF;
  --md-trait-2: #CBD5E1;
  --md-papier: #FFFFFF;
  --md-papier-2: #F7F9FC;

  /* états */
  --etat-ok: #15803D;
  --etat-ok-voile: #E8F5EC;

  /* typographie : polices système, aucun appel externe */
  --f-titre: "Helvetica Neue", "Segoe UI", Roboto, Inter, system-ui, -apple-system, Arial, sans-serif;
  --f-texte: "Segoe UI", Roboto, Inter, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --f-mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, "Liberation Mono", monospace;

  --t-0: .75rem;
  --t-1: .875rem;
  --t-2: 1rem;
  --t-3: clamp(1.0625rem, .4vw + .95rem, 1.1875rem);
  --t-4: clamp(1.25rem, .8vw + 1.05rem, 1.5rem);
  --t-5: clamp(1.5rem, 1.6vw + 1.1rem, 2rem);
  --t-6: clamp(1.875rem, 2.8vw + 1.2rem, 2.875rem);

  /* espacements */
  --e-1: .25rem;
  --e-2: .5rem;
  --e-3: .75rem;
  --e-4: 1rem;
  --e-5: 1.5rem;
  --e-6: 2rem;
  --e-7: 3rem;
  --e-8: 4rem;
  --e-9: 6rem;

  /* formes */
  --rayon-1: 3px;
  --rayon-2: 6px;
  --rayon-pilule: 999px;
  --trait-1: 1px;
  --trait-2: 2px;
  --ombre-1: 0 1px 2px rgba(14, 23, 38, .06), 0 2px 8px rgba(14, 23, 38, .05);
  --ombre-2: 0 2px 4px rgba(14, 23, 38, .07), 0 12px 28px rgba(14, 23, 38, .09);

  /* mouvement */
  --duree-1: 120ms;
  --duree-2: 220ms;
  --duree-3: 400ms;
  --courbe: cubic-bezier(.4, 0, .2, 1);

  /* gabarit */
  --largeur: 1400px;
  --h-entete: 88px;
  --plan-sommaire: 20;
  --plan-entete: 30;
  --plan-atelier: 90;
}