:root {
  --focus-border: #30b1ca;
  --focus-border-size: 1px;
  --focus-background: #f4f4f5;
  --link-active: #8bbcff;
  --primary-button: #0e6e95;
  --primary-button-text-color: white;
  --primary-button-hover: #30b1ca;
  --primary-button-hover-text-color: white;
  --secondary-button: #4d648a;
  --secondary-button-text-color: white;
  --secondary-button-hover: #30b1ca;
  --secondary-button-hover-text-color: white;
  --nav-text-color: white;
  --nav-background: #0e6e95;
  --nav-hover-active-color: #30b1ca;
  --nav-hover-active-text-color: white;
  --table-header: #30b1ca;
  --table-header-text: white;
  --font-family: "Roboto", sans-serif;
}

body {
  font-family: "Roboto", sans-serif;
}