/* MGD Core — Design tokens partagés (v1.0).
   Valeurs communes, sans styles globaux de balises.
   Les anciennes pages restent compatibles pendant la migration. */
:root {
  --mgd-brand-ink: #12213b;
  --mgd-brand-accent: #ff6700;
  --mgd-brand-white: #ffffff;
  --mgd-ui-muted: #52606d;
  --mgd-ui-line: rgba(18, 33, 59, .12);
  --mgd-ui-surface: #ffffff;
  --mgd-page-max-width: 1180px;
  --mgd-page-wide-width: 1320px;
  --mgd-shell-max-width: 1860px;
  --mgd-space-section: clamp(48px, 5.1vw, 78px);
  --mgd-space-section-compact: clamp(32px, 3.6vw, 54px);
  --mgd-space-heading: clamp(24px, 2.8vw, 40px);
  --mgd-space-card: clamp(16px, 2vw, 28px);
  --mgd-space-inline: clamp(20px, 3.5vw, 65px);
  --mgd-radius-card: 18px;
  --mgd-header-min-height: 112px;
}
@media (min-width: 1101px) and (max-width: 1460px) {
  :root { --mgd-header-min-height: 90px; }
}
@media (max-width: 1100px) {
  :root { --mgd-header-min-height: 85px; --mgd-space-inline: 24px; }
}
@media (max-width: 700px) {
  :root {
    --mgd-header-min-height: 74px;
    --mgd-space-inline: 20px;
    --mgd-space-section: clamp(40px, 9vw, 56px);
    --mgd-space-section-compact: clamp(28px, 7vw, 44px);
  }
}
/* Exposer les mêmes tokens sur chaque famille de pages, sans réécrire
   les valeurs spécifiques tant que les CSS embarqués n'ont pas été retirés. */
body.mgd-core-body :where(.mgd-home-v2, .mgd-refonte-page, .mgd-pro-redesign) {
  --mgd-global-ink: var(--mgd-brand-ink);
  --mgd-global-accent: var(--mgd-brand-accent);
  --mgd-global-section-space: var(--mgd-space-section);
  --mgd-global-content-width: var(--mgd-page-max-width);
}
/* L'ancrage cible se place de façon cohérente pour toutes les sections.
   Ne jamais ajouter de marge globale au wrapper de page ou au hero. */
body.mgd-core-body :where(.mgd-home-v2) :where([id]) {
  scroll-margin-top: 18px;
}