/**
 * Base: reset, font, global typography.
 * Page structure (body flex, main) is in layout.css.
 */

/* Nom canonique + alias sans espace (rétrocompat) — même fichier. */
@font-face {
  font-family: "Mona Sans";
  src: url("../fonts/MonaSans.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: normal italic;
}
@font-face {
  font-family: "MonaSans";
  src: url("../fonts/MonaSans.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: normal italic;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  background: #fff;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: var(--font-primary);
  font-weight: 400;
  font-style: normal;
  color: var(--color-text);
  line-height: 1.6;
  background: #fff;
}

/* Ensure Mona Sans for buttons and form elements (browser defaults often use system font) */
button,
input,
select,
textarea,
.btn {
  font-family: var(--font-primary);
}