:root {
  --primary-color: #0d6efd;
  --text-dark: #212529;
  --bg-light: #f8f9fa;
  --border-color: #dee2e6;
}

body {
  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif;
  color: var(--text-dark);
  background-color: #f5f5f5;
}

.font-monospace {
  font-family: "JetBrains Mono", "Courier New", Courier, monospace;
  font-size: 0.9em;
}

.navbar {
  background-color: white !important;
  border-bottom: 1px solid var(--border-color);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

.navbar-brand {
  font-weight: 600;
  color: var(--text-dark) !important;
}

.nav-link {
  color: var(--text-dark) !important;
}

.container {
  max-width: 1140px;
}

.card {
  border: 1px solid var(--border-color);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.card-header {
  background-color: var(--bg-light);
  border-bottom: 1px solid var(--border-color);
  font-weight: 600;
}

footer {
  background-color: white;
  border-top: 1px solid var(--border-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  color: var(--text-dark);
}

h1 {
  margin-bottom: 1.5rem;
}