/* =========================================================================
   cm-marque.css — CM Transport, charte 1.0 (marque/kit, 1er novembre 2026).
   Se charge en dernier. Les couleurs sont déjà posées dans les jetons
   (marque/tokens.css : gamme grenat ancrée sur #800C1F, neutres ardoise,
   acier et bleu glace) ; cette feuille ne porte que les polices Barlow
   (fichiers locaux, aucune requête externe) et les coins coupés en
   chanfrein de la charte (coin supérieur droit : 8 px sur les boutons
   pleins, 12 px sur les cartes).
   CM v2 (02.11.2026, liste perf. point 29) : trois graisses seulement,
   Barlow 400 et 600, Barlow Condensed 600 (500 et 700 retirées : le
   navigateur prend la plus proche, sans graisse synthétique).
   ========================================================================= */

@font-face { font-family: "Barlow Condensed"; font-weight: 600; font-style: normal; font-display: swap; src: url("polices/BarlowCondensed-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 400; font-style: normal; font-display: swap; src: url("polices/Barlow-Regular.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 600; font-style: normal; font-display: swap; src: url("polices/Barlow-SemiBold.woff2") format("woff2"); }

:root {
  --police-texte: Barlow, "Helvetica Neue", Arial, sans-serif;
  --police-titre: "Barlow Condensed", "Arial Narrow", sans-serif;
  --police-chiffre: "Barlow Condensed", Barlow, Arial, sans-serif;
  /* La charte titre en Barlow Condensed 600 ; la « condensée noire » de
     l'ancien titrage n'existe pas dans la famille. */
  --graisse-noire: 600;
  --graisse-gras: 600;
  --texte-doux: var(--texte-secondaire);
  --chanfrein-bouton: 8px;
  --chanfrein-carte: 12px;
}

/* Boutons pleins : coin supérieur droit coupé. Le contour de focus passe à
   l'intérieur (un clip-path couperait un contour extérieur). */
.spm-btn--primaire {
  clip-path: polygon(0 0, calc(100% - var(--chanfrein-bouton)) 0, 100% var(--chanfrein-bouton), 100% 100%, 0 100%);
}
.spm-btn--primaire:focus-visible {
  outline: 2px solid var(--sur-marque);
  outline-offset: -5px;
}

/* Cartes : la bande du chargement et le récapitulatif. */
.bande3d,
.recap {
  clip-path: polygon(0 0, calc(100% - var(--chanfrein-carte)) 0, 100% var(--chanfrein-carte), 100% 100%, 0 100%);
}

/* Étiquettes et phrase de la bande 3D : un halo de la couleur du fond, pour
   rester lisibles quand elles passent sur la porte arrière en filigrane. */
.b3-etq,
.b3-phrase {
  text-shadow: 0 0 2px var(--surface), 0 0 4px var(--surface), 0 0 6px var(--surface);
}