/* Import Plus Jakarta Sans as Mabry Pro replacement - Single font for entire website */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

/* Apply Mabry Pro (Plus Jakarta Sans) globally to entire website */
*,
*::before,
*::after,
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
div,
button,
input,
textarea,
select,
header,
footer,
nav,
section,
article,
aside,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Override all CSS variables that reference fonts */
:root {
  --font-family-primary: 'Plus Jakarta Sans', 'Mabry Pro', sans-serif !important;
  --font-family-secondary: 'Plus Jakarta Sans', 'Mabry Pro', sans-serif !important;
  --font-family-tertiary: 'Plus Jakarta Sans', 'Mabry Pro', sans-serif !important;
  --font-family-serif: 'Plus Jakarta Sans', 'Mabry Pro', sans-serif !important;
  --font-primary: 'Plus Jakarta Sans', 'Mabry Pro', sans-serif !important;
  --font-secondary: 'Plus Jakarta Sans', 'Mabry Pro', sans-serif !important;
  --font-tertiary: 'Plus Jakarta Sans', 'Mabry Pro', sans-serif !important;
}

/* Map all other font names to Mabry Pro */
@font-face {
  font-family: 'Mabry Pro';
  src: local('Plus Jakarta Sans');
  font-display: swap;
}

@font-face {
  font-family: 'Graphik';
  src: local('Plus Jakarta Sans');
  font-display: swap;
}

@font-face {
  font-family: 'Sharp Grotesk';
  src: local('Plus Jakarta Sans');
  font-display: swap;
}

@font-face {
  font-family: 'PolySans';
  src: local('Plus Jakarta Sans');
  font-display: swap;
}

@font-face {
  font-family: 'Sunsive';
  src: local('Plus Jakarta Sans');
  font-display: swap;
}

@font-face {
  font-family: 'Open Sauce Sans';
  src: local('Plus Jakarta Sans');
  font-display: swap;
}

@font-face {
  font-family: 'Lexend';
  src: local('Plus Jakarta Sans');
  font-display: swap;
}

@font-face {
  font-family: 'Degular Display';
  src: local('Plus Jakarta Sans');
  font-display: swap;
}

@font-face {
  font-family: 'Optician Sans';
  src: local('Plus Jakarta Sans');
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: local('Plus Jakarta Sans');
  font-display: swap;
}

@font-face {
  font-family: 'Work Sans';
  src: local('Plus Jakarta Sans');
  font-display: swap;
}

/* Additional overrides to ensure Mabry Pro everywhere */
body * {
  font-family: 'Plus Jakarta Sans', 'Mabry Pro', sans-serif;
}

ul,
ol,
li,
label,
legend,
caption,
th,
td,
pre,
code {
  font-family: 'Plus Jakarta Sans', 'Mabry Pro', sans-serif;
}

/* Force Mabry Pro in navigation and header */
nav,
nav *,
header,
header *,
.uc-navbar,
.uc-navbar *,
.uc-navbar-nav,
.uc-navbar-nav *,
.uc-header,
.uc-header * {
  font-family: 'Plus Jakarta Sans', 'Mabry Pro', sans-serif;
}

/* Override theme CSS variables that use Graphik - Multiple levels for specificity */
:root,
html:root,
body:root {
  --font-family-primary: 'Plus Jakarta Sans', 'Mabry Pro', sans-serif !important;
  --font-family-secondary: 'Plus Jakarta Sans', 'Mabry Pro', sans-serif !important;
  --font-family-tertiary: 'Plus Jakarta Sans', 'Mabry Pro', sans-serif !important;
  --font-primary: 'Plus Jakarta Sans', 'Mabry Pro', sans-serif !important;
  --font-secondary: 'Plus Jakarta Sans', 'Mabry Pro', sans-serif !important;
  --font-tertiary: 'Plus Jakarta Sans', 'Mabry Pro', sans-serif !important;
}

/* Ultimate override - Apply to every possible element */
* {
  font-family: 'Plus Jakarta Sans', 'Mabry Pro', sans-serif;
}

/* Specific override for elements that might use var() */
body,
body *,
html *,
[class*='font'],
[class*='ft-'],
.ft-primary,
.ft-secondary,
.ft-tertiary {
  font-family: 'Plus Jakarta Sans', 'Mabry Pro', sans-serif;
}