:root {
  --brand-primary: #334155;
  --brand-primary-hover: #1e293b;
  --brand-accent: #2563eb;

  --bg-main: #f8fafc;
  --bg-card: #ffffff;

  --text-main: #0f172a;
  --text-muted: #64748b;
}

body {
  background-color: var(--bg-main);
  color: var(--text-main);
}

.navbar {
  background-color: var(--brand-primary);
}

.navbar .nav-link,
.navbar .navbar-brand {
  color: #ffffff !important;
}

.navbar .nav-link.active,
.navbar .nav-link:hover {
  color: #e5edff !important;
}

.card {
  background-color: var(--bg-card);
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 8px 24px rgba(15,23,42,.04);
}