/* ./overrides.css */

/* 1) Register the font */
@font-face {
  font-family: "ArcticFoxHeadline";
  src:
    url("./assets/fonts/ArcticFox-Headline.otf") format("opentype");        /* range supported by the file */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ArcticFox";
  src:
    url("./assets/fonts/ArcticFox-Regular.otf") format("opentype");
  font-weight: 400;          /* range supported by the file */
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: "ArcticFox";
  src:
    url("./assets/fonts/ArcticFox-Bold.otf") format("opentype");
  font-weight: 700;          /* range supported by the file */
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: "ArcticFox";
  src:
    url("./assets/fonts/ArcticFox-Italic.otf") format("opentype");
  font-weight: 400;          /* range supported by the file */
  font-style: italic;
  font-display: swap;
}


/* ============================
   GLOBAL FONT OVERRIDES
   ============================ */

/* Body text uses MyFont */
:root {
  --font-body: "ArcticFox", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-headline: "ArcticFoxHeadline", "ArcticFox", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial;
}

html, body {
  font-family: var(--font-body) !important;
}

/* Tailwind utility override if theme uses .font-sans */
.font-sans {
  font-family: var(--font-body) !important;
}

/* Headings use headline cut */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-headline) !important;
}

/* Headings use headline cut */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-headline) !important;
}

/* ==============================
   EXTRA OVERRIDES
   ============================== */

/* Inline links inside text inherit body font */
p a,
li a,
span a {
  font-family: var(--font-body) !important;
}

/* NAV + MENUS + BUTTONS → headline */
button,
[role="button"],
.wp-block-button__link,
.wp-element-button,
.button,
.btn,
.btn-primary,
.btn-secondary {
  font-family: var(--font-headline) !important;
}


/* Force menu links to use body font, bold, uppercase */
nav ul li > a {
  font-family: var(--font-body) !important;
  font-weight: 700 !important;      /* or 600 if you mapped Semibold */
/*  text-transform: uppercase !important; */
  font-synthesis: none !important;  /* don’t fake bold */
}

/* Form controls → headline */
input,
select,
textarea {
  font-family: var(--font-headline) !important;
}