@font-face {
  font-family: "Museo Sans";
  src:
    url("/assets/fonts/apm-au-nz/museo-sans-700.woff2") format("woff2"),
    url("/assets/fonts/apm-au-nz/museo-sans-700.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gadugi";
  src:
    url("/assets/fonts/apm-au-nz/gadugi-400.woff2") format("woff2"),
    url("/assets/fonts/apm-au-nz/gadugi-400.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gadugi";
  src:
    url("/assets/fonts/apm-au-nz/gadugi-700.woff2") format("woff2"),
    url("/assets/fonts/apm-au-nz/gadugi-700.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-text: #1b365d;
  --color-accent: #007cba;
  --color-subtle: #f5f5f5;
  --color-inverse: #1b365d;

  --color-primary: var(--color-text);
  --color-secondary: var(--color-inverse);
  --color-on-secondary: #ffffff;

  --font-sans: "Gadugi", system-ui, -apple-system, sans-serif;
  --font-heading: "Museo Sans", system-ui, -apple-system, sans-serif;
  --font-heading-weight: 700;

  --color-footer-divider: #1d9ac6;
  --color-accent-on-dark: var(--color-on-secondary);
}

body {
  font-family: var(--font-sans, Arial, Helvetica, sans-serif);
}