/* ==========================================================================
   Doxablox — Webfont Declarations
   ========================================================================== */

/**
 * Magox — brand display typeface
 *
 * Files live at /fonts/ (project root).
 * Paths here are relative to this CSS file (styles/), so we step up one
 * level with ../fonts/.
 *
 * font-display: swap  — text renders immediately in a fallback font while
 * the custom font loads, preventing invisible text (FOIT).
 */
@font-face {
  font-family: 'magox';
  src:
    url('../fonts/magox-webfont.woff2') format('woff2'),
    url('../fonts/magox-webfont.woff')  format('woff');
  font-weight: normal;
  font-style:  normal;
  font-display: swap;
}