:root {
  --body-background-color: #F8FAFC;
  --body-text-color: #0F172A;
  --card-background-color: #FFFFFF;
  --nav-background-color: #FFFFFF;
  --nav-border-bottom-color: #E2E8F0;
  --nav-current-border-bottom-color: #6366F1;
  --card-border-color: #E2E8F0;
  --down-border-left-color: #EF4444;
  --down-background-color: #FEE2E2;
  --degraded-border-left-color: #F59E0B;
  --up-border-left-color: #10B981;
  --tag-color: #FFFFFF;
  --tag-up-background-color: #10B981;
  --tag-down-background-color: #EF4444;
  --tag-degraded-background-color: #F59E0B;
  --change-background-color: #F59E0B;
  --error-button-border-color: #4F46E5;
  --error-button-background-color: #6366F1;
  --error-button-color: #FFFFFF;
  --submit-button-border-color: #4F46E5;
  --submit-button-background-color: #6366F1;
  --submit-button-color: #FFFFFF;
  --graph-opacity: 1;
  --graph-filter: none;
}

body {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

h1, h2, h3, h4, b, strong, nav .logo {
  font-weight: 600 !important;
}

@media (max-width: 600px) {
  nav { padding: 0 0.75rem !important; }
  nav .logo { margin-right: 0.5rem !important; }
  nav .logo img { margin-right: 0 !important; height: 2.5rem !important; }
  nav .logo div { display: none !important; }
  nav li a { padding: 1.25rem 0.75rem !important; }
}