:root {
  --primary: #002F5D;
  --accent: #3DABE3;
  --muted: #91ABC4;
}

body {
  background: #ffffff;
  color: var(--primary);
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

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

.btn-primary, .btn-main {
  background: var(--primary) !important;
  border: none !important;
  color: #fff !important;
}

.btn-accent {
  background: var(--accent) !important;
  border: none !important;
  color: #fff !important;
}

.card {
  border: none;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}

a {
  color: var(--accent);
  text-decoration: none;
}
a:hover {
  color: var(--primary);
}

.table thead {
  background: var(--primary);
  color: #fff;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(61, 171, 227, 0.08);
}

input.form-control, select.form-select {
  border-radius: 8px;
}

.alert-info {
  background-color: var(--muted);
  color: #fff;
}

footer {
  padding: 20px;
  text-align: center;
  color: #777;
}