/* Typographie — design « Console » (MLx base).
   Corps : Instrument Sans (--font-sans) · Titres/KPI : Space Grotesk
   (--font-display) · Chiffres/ID : JetBrains Mono (--font-mono). */

/* Corps par défaut */
body {
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Titres — Space Grotesk, graisses et tracking du handoff */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
}

h1 {
  font-weight: 700;
  letter-spacing: -0.02em;
}

h2 {
  font-weight: 700;
  letter-spacing: -0.015em;
}

h3, h4 {
  font-weight: 700;
  letter-spacing: -0.01em;
}

h5, h6 {
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* Boutons — Instrument Sans semibold, casse normale */
button,
[type="button"],
[type="submit"],
[type="reset"],
.btn,
a.button,
input[type="submit"],
input[type="button"],
a[class*="inline-flex"][class*="bg-"],
a[class*="button"],
a[class*="rounded"] {
  font-family: var(--font-sans) !important;
  font-weight: 600;
  text-transform: none;
  letter-spacing: normal;
}

/* Éléments d'édition inline — police de corps, casse normale */
[data-controller="inline-edit"] button,
[data-controller="inline-edit"] select,
[data-controller="inline-edit"] input[type="text"] {
  font-family: var(--font-sans) !important;
  font-weight: 400;
  text-transform: none;
  letter-spacing: normal;
}

/* Chiffres, ID, labels eyebrow — JetBrains Mono */
.font-mono,
.tabular-nums {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}

/* Label / eyebrow — mono, uppercase, tracking large (cf. handoff) */
.eyebrow {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-3);
}

/* Alias historiques — repointés sur les polices Console pour que le markup
   existant (.font-megabyte, .font-barlow, .font-megan, modal « à propos »)
   reste cohérent après la bascule de polices. */
.font-megabyte,
.megabyte-light,
.megabyte-regular,
.megabyte-medium,
.megabyte-bold,
.megabyte-black,
.font-megan {
  font-family: var(--font-display);
}

.font-barlow {
  font-family: var(--font-sans);
}

[data-about-modal-target="modal"] {
  font-family: var(--font-sans);
}