@font-face { font-family: "MBED Chivo"; src: url("./fonts/Chivo-Variable.ttf") format("truetype"); font-style: normal; font-weight: 100 900; font-display: swap; }

@font-face {
  font-family: "MBED Montserrat";
  src: url("./fonts/Montserrat-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "MBED Playfair Display";
  src: url("./fonts/PlayfairDisplay-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}

@font-face {
  font-family: "MBED Playfair Display";
  src: url("./fonts/PlayfairDisplay-Italic-Variable.ttf") format("truetype");
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
}

:root {
  /* Packaged fonts first; system fallbacks remain for graceful failure. */
  --mbed-font-display: "MBED Chivo", "Chivo", Arial, sans-serif;
  --mbed-font-body: "MBED Montserrat", "Montserrat", Arial, sans-serif;
  --mbed-font-serif: "MBED Playfair Display", "Playfair Display", Georgia, serif;
  --mbed-font-mono: "MBED Montserrat", "Montserrat", Arial, sans-serif;
}

.mbed-display { font-family: var(--mbed-font-display); }
.mbed-body { font-family: var(--mbed-font-body); }
.mbed-serif { font-family: var(--mbed-font-serif); }
.mbed-mono { font-family: var(--mbed-font-mono); }