/* Typography — Sen (corps / UI), Geologica (titres), DM Mono (données). */

body {
  font-family: var(--font-body, "Sen", sans-serif);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display, "Geologica", sans-serif);
}

h1, h2 {
  font-weight: 600;
  letter-spacing: -0.02em;
}

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

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

/* Boutons : Sen semibold, jamais de uppercase */
button,
[type="button"],
[type="submit"],
[type="reset"],
.btn,
a.button,
input[type="submit"],
input[type="button"] {
  font-family: var(--font-body, "Sen", sans-serif);
  font-weight: 600;
  text-transform: none;
  letter-spacing: normal;
}

[data-controller="inline-edit"] button,
[data-controller="inline-edit"] select,
[data-controller="inline-edit"] input[type="text"] {
  font-family: var(--font-body, "Sen", sans-serif);
  font-weight: 400;
  text-transform: none;
  letter-spacing: normal;
}

.font-display {
  font-family: var(--font-display, "Geologica", sans-serif);
}

.font-data {
  font-family: var(--font-mono, "DM Mono", monospace);
}

/* Utility classes for explicit Megabyte usage (logo wordmark) */
.font-megabyte {
  font-family: 'Megabyte', sans-serif;
}

.megabyte-light {
  font-family: 'Megabyte', sans-serif;
  font-weight: 300;
}

.megabyte-regular {
  font-family: 'Megabyte', sans-serif;
  font-weight: 400;
}

.megabyte-medium {
  font-family: 'Megabyte', sans-serif;
  font-weight: 500;
}

.megabyte-bold {
  font-family: 'Megabyte', sans-serif;
  font-weight: 700;
}

.megabyte-black {
  font-family: 'Megabyte', sans-serif;
  font-weight: 900;
}

/* Legacy alias — `font-barlow` suit la police UI courante. */
.font-barlow {
  font-family: var(--font-body, "Sen", sans-serif);
}

/* Allema brand modal — Sen for body, Megan Unique Display for wordmark/mission. */
[data-about-modal-target="modal"] {
  font-family: 'Sen', sans-serif;
}

[data-about-modal-target="modal"] button,
[data-about-modal-target="modal"] [type="button"],
[data-about-modal-target="modal"] a {
  font-family: 'Sen', sans-serif;
  text-transform: none;
  letter-spacing: normal;
}

[data-about-modal-target="modal"] .font-megan,
.font-megan {
  font-family: 'Megan Unique Display', sans-serif;
  text-transform: none;
  letter-spacing: normal;
}