@font-face {
  font-family: 'Lato';
  src: local('Lato Regular'),
       local('Lato-Regular'),
       url("/assets/Lato-Regular.woff2") format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Platypi';
  src: local('Platypi Regular'),
       local('Platypi-Regular'),
       url("/assets/Platypi-Regular.woff2") format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* Global fallback stack with self-hosted Lato first */
:root {
  --font-lato-fallback: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --widget-heading-font: 'Platypi', serif;
}

body,
input,
textarea,
select,
button {
  font-family: var(--font-primary, var(--font-lato-fallback));
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--font-heading, var(--font-primary, var(--font-lato-fallback)));
}

/* Widget headings only */
.widget-title,
.brand-carousel-title,
.category-carousel-title,
.carousel-title,
.spacebar-title,
.spacebar-carousel-title,
.widget-news__title {
  font-family: var(--widget-heading-font);
}