/* da.css : alias des jetons du theme.
   Ce fichier ne definit AUCUNE palette propre : il pointe sur les memes valeurs
   que les tokens @theme de src/styles/global.css (rampe primaire framboise,
   rampe accent petrole). Une seule source de verite, jamais deux. */
:root {
  --f-titre: 'Space Grotesk Variable', ui-sans-serif, system-ui, sans-serif;
  --f-texte: 'Inter Variable', ui-sans-serif, system-ui, sans-serif;
  --f-graisse-titre: 700;
  --f-casse-kicker: uppercase;
  --tm: 0.75rem;
  --t1: 1rem;
  --t2: 1.333rem;
  --t3: 1.777rem;
  --t4: 2.369rem;
  --t5: 3.157rem;
  --t6: 4.209rem;
  --t7: 5.61rem;
  --t-hero: clamp(3rem, 6vw, 7rem);
  --e1: 0.25rem;
  --e2: 0.5rem;
  --e3: 0.75rem;
  --e4: 1rem;
  --e5: 1.5rem;
  --e6: 2rem;
  --e7: 3rem;
  --e8: 4rem;
  --r-carte: 1rem;
  --r-bouton: 0.75rem;
  --r-image: 1rem;
  --largeur: 1280px;
  --ico-trait: 2;
  /* Hauteur du header collant, bandeau compris : mesuree en JS. */
  --header-h: 112px;

  --c-fond: #faf8f9;
  --c-fond-2: #f4f1f2;
  --c-surface: #ffffff;
  --c-texte: #1d1520;
  --c-texte-2: #6b5c68;
  --c-primaire: #c2185b;
  --c-sur-primaire: #ffffff;
  --c-secondaire: #14b8a6;
  --c-sur-secondaire: #ffffff;
  --c-primaire-texte: #a3124c;
  --c-secondaire-texte: #0f766e;
  --c-doux: #fbe9f0;
  --c-sur-doux: #1d1520;
  --c-bord: #e6dee2;
  --c-voile: #1d1520;
  --c-sur-voile: #ffffff;
  --c-ombre: #1d1520;
  --o-carte: 0 18px 40px -22px color-mix(in srgb, #1d1520 26%, transparent);
  --o-survol: 0 22px 44px -20px color-mix(in srgb, #c2185b 30%, transparent);
  --carte-fond: #fbe9f0;
  --carte-encre: #1d1520;
  --carte-encre-2: #6b5c68;
  --carte-lien: #a3124c;
  --carte-bord: 0 solid transparent;
  --btn-fond: #c2185b;
  --btn-texte: #ffffff;
  --btn-bord: 0 solid transparent;
  --btn-ombre: 0 10px 24px -12px color-mix(in srgb, #c2185b 55%, transparent);
  --btn-deco: none;
  --lien-couleur: #a3124c;
  --lien-deco: none;
  --lien-epaisseur: 1px;
  --lien-fond: transparent;
  --lien-fond-encre: #a3124c;
}

body {
  font-family: var(--f-texte);
}

h1,
h2,
h3,
h4 {
  font-family: var(--f-titre);
}

/* usine:correctifs-home début */
/* Correctifs des blocs de home, recopiés sur chaque site à chaque build
   (astro_site.rafraichit_correctifs_home). bh-26e3- devient le préfixe du site. */

/* Un .acc employé comme carte (quiz : pas de <summary>) garde la marge intérieure d'une carte :
   le texte et les boutons touchaient le bord (journal-auto-moto, bloc 13, Cedia 26/09). */
.bh-26e3-acc:not(details) { padding-inline: var(--e5); }
.bh-26e3-acc:not(details) > .bh-26e3-acc-corps { padding-inline: 0; }

/* FAQ : une seule flèche, sur la ligne de la question (le marqueur natif doublait le chevron). */
.bh-26e3-acc > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: var(--e3); }
.bh-26e3-acc > summary::-webkit-details-marker { display: none; }
.bh-26e3-acc > summary svg { flex: none; transition: transform .2s; }
.bh-26e3-acc[open] > summary svg { transform: rotate(180deg); }
.bh-26e3-acc > summary:not(:has(svg))::after { content: "+"; flex: none; font-weight: 400; }
.bh-26e3-acc[open] > summary:not(:has(svg))::after { content: "\2212"; }

/* FAQ centrée : la liste restait calée à gauche sur 60rem, un tiers du bloc vide à droite
   (journal-auto-moto, bloc 17, Cedia 26/09). */
.bh-26e3-b-faq .bh-26e3-entete { margin-inline: auto; text-align: center; }
.bh-26e3-b-faq .bh-26e3-accordeon { margin-inline: auto; }

/* Lien « Voir la rubrique » posé À CÔTÉ du corps de carte (builder) : le corps porte la marge
   intérieure, pas la carte ; le lien restait collé au bord (revue-auto-moto 26/09, home:cartes-marge-interne). */
.bh-26e3-carte:has(> .bh-26e3-c-corps) > .bh-26e3-c-suite { margin: 0 var(--e5) var(--e5); }
/* usine:correctifs-home fin */