@font-face {
  font-family: "Nunito Bold";
  src: local("Nunito-Bold"), url("/fonts/Nunito/static/Nunito-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Nunito Regular";
  src: local("Nunito-Regular"), url("/fonts/Nunito/static/Nunito-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans Regular";
  src: local("OpenSans-Regular"), url("/fonts/Open_Sans/static/OpenSans-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans Bold";
  src: local("OpenSans-Bold"), url("/fonts/Open_Sans/static/OpenSans-Bold.ttf") format("truetype");
}

:root {
  --nav-bar-height: 64px;
  --header-font: "Nunito Bold", "Helvetica", "sans-serif";
  --header-font-regular: "Nunito Regular", "Helvetica", "sans-serif";
  --body-font: "Open Sans Regular", "Helvetica", "sans-serif";
  --body-font-bold: "Open Sans Bold", "Helvetica", "sans-serif";
  --brand: #003853;
  --top-bar-background: var(--brand);
  --banner-color: #005eb8;
  --banner-color-deceased: #425563;
  --banner-color-minor: #ae2573;
  --ribbon-color: #003087;
  --ribbon-color-deceased: #231f20;
  --ribbon-color-minor: #7c2855;
  --main-icon-color: #ffffff;
  --warning-icon-color: #ffc107;
  --card-container-background: #ededed;
  --image-placeholder: #c4c4c4;
  --patient-search-components: #ffffff;
  --patient-search-button: #008550;
  --patient-search-button-hover: #007445;
  --primary-button-colour: #008550;
  --primary-button-text-colour: #ffffff;
  --primary-button-disabled-colour: #e8edee;
  --table-header-color: var(--brand);
  --banner-background: var(--brand);
  --font-primary: "Helvetica";
  --success-color: #009639;
  --error-color: #b4260c;
  --warning-color: #ffc107;
  --warning-background-color: #fef8e6;
  --disabled-text-color: #707070;
  --booking-background-color: #fafafa;
  --base-padding: 1rem;
  --link-color: #4771b6;
}