:root {
  --color-base: #1e1e2e;
  --color-mantle: #181825;
  --color-crust: #11111b;
  --color-surface0: #313244;
  --color-surface1: #45475a;
  --color-surface2: #585b70;
  --color-overlay0: #6c7086;
  --color-text: #cdd6f4;
  --color-subtext0: #a6adc8;
  --color-blue: #89b4fa;
  --color-green: #a6e3a1;
  --color-red: #f38ba8;
  --color-yellow: #f9e2af;
  --color-mauve: #cba6f7;
  --color-peach: #fab387;
  --color-teal: #94e2d5;
}

body {
  background-color: var(--color-base) !important;
}

#page_container {
  background-color: var(--color-base) !important;
}

.service-card, .information-widget-resource, .widget-container {
  background-color: var(--color-surface0) !important;
  border: 1px solid var(--color-surface1) !important;
}

.service-card:hover {
  border-color: var(--color-blue) !important;
}

h1, h2, .text-theme-700 {
  color: var(--color-text) !important;
}

.text-theme-500 {
  color: var(--color-subtext0) !important;
}