@font-face {
  font-family: "Open Sans";
  src: url("/assets/fonts/emp-com/open-sans-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("/assets/fonts/emp-com/open-sans-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("/assets/fonts/emp-com/open-sans-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

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

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

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

  --color-footer-divider: #1d9ac6;
  --color-accent-on-dark: var(--color-on-secondary);
  /* Buttons — light theme uses accent pink for primary fill + outline; dark
     theme inherits the shared white-on-navy tokens (identical to apm-au/nz). */
  --color-btn-bg: var(--color-accent);
  --color-btn-hover-bg: var(--color-accent);
  --color-btn-hover-text: #ffffff;
  --color-btn-outline-border: var(--color-accent);
  --color-btn-outline-hover-bg: var(--color-accent);
  --color-btn-outline-hover-border: var(--color-accent);
  --color-btn-tertiary-text: var(--color-accent);
}

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

header [data-testid="header-search-submit"] {
  background-color: var(--color-accent);
}