:root {
  --primary: #8ab2db;
  --primary-light: #c1d9f1;
  --primary-dark: #004c80;

  --secondary: #ebebeb;
  --secondary-rgb: 235, 235, 235;
  --secondary-light: #fff;
  --secondary-dark: #b6c2b7;

  --btn-accent: #003664;
  --text: #000000;
  --menu-bg: #fafafa;
  --bg-color: #fafafa;
  --side-bar-color: #fafafa;
  --header-bg: #fafafa;
  --menu-color: #000000;
  --secondary-menu-bg: #d4dee7;

  /* accent */
  --error: #ff3e3e;
  --error-rgb: 255, 62, 62;
  --warning: #dbaf00;
  --warning-rgb: 219, 175, 0;
  --success: #4caf50;
  --success-rgb: 42, 148, 70;
  --online: #4caf50;
  --offline: #c5c5c5;
  --info: #00758d;
  --info-rgb: 0, 117, 141;

  --table-row: #f3f2f7;

  --top-menu-height: 4.75rem;

  --regular-font: SFProDisplayRegular;
  --bold-font: SFProDisplayBold;
  --heavy-font: SFProDisplayHeavy;
  --medium-font: SFProDisplayMedium;
}