/* Patron (regular) */
@font-face {
  font-family: "Patron";
  src: url("/assets/fonts/Patron-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Muli (regular) */
@font-face {
  font-family: "Muli";
  src: url("/assets/fonts/Muli-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Muli (bold) */
@font-face {
  font-family: "Muli";
  src: url("/assets/fonts/Muli-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


/* Role-based helpers */
.font-button-new,.font-header-new{ font-family:"Patron",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; }
.font-regular-new,.font-calendar-event-new{ font-family:"Muli",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-weight:400; }
.font-bold-new{ font-family:"Muli",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-weight:700; }


/* Generic stacks in case the custom font can’t load -  Create small utility classes (or wire them into your design system):
3) Use them in your HTML

<h1 class="font-header-2025">Page Title</h1>

<button class="font-button-2025">Click me</button>

<p class="font-regular-2025">
  This paragraph uses Muli Regular.
</p>

<div class="font-calendar-event-2025">
  Meeting with Design – 10:00
</div>

<strong class="font-bold-2025">Important text in Muli Bold</strong>

 */