:root {
  --bg-primary: #01030c;
  --bg-secondary: #020617;
  --bg-tertiary: #050b22;

  --border: #0148fd;
  --border-hover: #5f8cff;

  --text-primary: #f5f8ff;
  --text-secondary: #9bb7ff;
  --text-muted: #5572bf;

  --hover-bg: rgba(1, 72, 253, 0.16);

  --segment-empty: #07113a;

  --accent: #0148fd;

  --color-green: #94ff8a;
  --color-red: #ff8a8a;
  --color-yellow: #ffd98a;

  --filter-online-bg: rgba(1, 72, 253, 0.16);
  --filter-offline-bg: rgba(255, 85, 85, 0.12);

  --btn-active-bg: rgba(1, 72, 253, 0.16);
  --btn-active-border: rgba(1, 72, 253, 0.75);
}