:root {
  /* Brand and palette */
  --bs-primary: #0ea5a4; /* teal */
  --bs-secondary: #64748b;
  --app-accent: #0ea5a4;

  /* Background / text */
  --bs-body-bg: #f7fbfb;
  --bs-body-color: #0f172a;
}

/* Apply basic colors that depend on variables (kept color-only) */
body {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
}

.navbar-brand {
  color: var(--bs-primary) !important;
}

/* Primary button coloring - keep color related rules only */
.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #0b8f86;
  border-color: #0b8f86;
}