:root {
    --md_accent_color: #c9fdd3;
    --md_surface_color: #000000;
    --md_surface_color_light: #0a0a0a;
    --md_accent_dark_color: #55a165b4;
    --md_body_background: #000000;
    --card-bg: #000000;
    --text-primary: #ffffff;
    --text-primary-inverse: #000000;
    --text-secondary: #aaa;
    --error-red: #f87171;
    --navbar_height: 64px;
}

body {
  font-family: "Google Sans", sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
}

.highlight {
  color: var(--md_accent_color);
}

a {
  color: var(--md_accent_color);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

strong {
  color: var(--md_accent_color);
}

p {
  font-family: 'Space Grotesk', sans-serif;
}