:root {
  /* Focus */
  --focus-border: #b1063a;
  --focus-border-size: 1px;
  --focus-background: #fde7e8;

  /* Länkar */
  --link-active: #0074D9;

  /* Primära knappar */
  --primary-button: #b1063a;
  --primary-button-text: #111111;
  --primary-button-hover: #b0a9a9;
  --primary-button-hover-text: #FFFFFF;

  /* Sekundära knappar */
  --secondary-button: #b1063a;
  --secondary-button-text: #111111;
  --secondary-button-hover: #b0a9a9;
  --secondary-button-hover-text: #FFFFFF;

  /* Navigation */
  --nav-text-color: #111111;
  --nav-background: #DDDDDD;
  --nav-hover-active-color: #790726;
  --nav-hover-active-text: #FFFFFF;

  /* Tabeller */
  --table-header: #b1063a;
  --table-header-text: #FFFFFF;
  font-family: "Roboto", sans-serif;
}

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