@font-face {
  font-family: "InclusiveSans";
  src:
    local("InclusiveSans"),
    url("https://stat.medact.org/uploads/fonts/InclusiveSans.woff2") format('woff2');
  font-style: normal;
}
@font-face {
  font-family: 'InclusiveSans-Italic';
  src: local('InclusiveSans-Italic'), url('https://stat.medact.org/uploads/fonts/InclusiveSans-Italic.woff2') format('woff2');
  font-style: italic;
}
@font-face {
  font-family: 'Oswald';
  src: local('Oswald'), url('https://stat.medact.org/uploads/fonts/Oswald.woff2') format('woff2');
  font-style: normal;
}

:root {
  /* Primary (#102144): For main navigation bars, headers, footers, and other dominant UI elements */
  --medact-blue: #102144;

  /* Secondary (#3ba99c): For buttons and section dividers */
  --medact-green: #3ba99c;
  --medact-green-tint: #3ba99c33;
  --medact-green-shade: color-mix(in srgb, var(--medact-green) 60%, var(--medact-black) 40%);
  /* Accent 1* (#fe5d60): For urgent alerts */
  --medact-red: #fe5d60;
  /* Accent 2* (#f3d250): For some highlights and stats  */
  --medact-yellow: #f3d250;
  /* Background (#f9f9f9): Page background */
  --medact-white: #f9f9f9;
  /* Text (#1a1f2b): For all body copy */
  --medact-black: #1a1f2b;

  /* fonts */
  --medact-body-font: InclusiveSans, Lato, sans-serif;
  --medact-title-font: Oswald, InclusiveSans, Lato, sans-serif;

  /* riverlea palette */
  --crm-c-text-dark: var(--medact-black);
  /* breaks dark mode
  --crm-c-background: var(--medact-white);
  */
  --crm-c-primary: var(--medact-blue);
  --crm-c-primary-text: var(--medact-white);

  --crm-btn-icon-bg: unset;
  /*
   * text colour...
   * --crm-c-success: lightgreen;
   */
  --crm-font: var(--medact-body-font);
}