:root {
  --bs-primary: #0d3b8e;
  --bs-secondary: #b91c1c;
  --bs-light: #f4f6fa;
  --bs-dark: #0f172a;
}

body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--bs-dark);
}

.logo {
  max-height: 80px;
  width: auto;
}

.hero {
  background:
    linear-gradient(rgba(13, 59, 142, 0.82), rgba(13, 59, 142, 0.82)),
    url("hero.jpg");
  background-size: cover;
  background-position: center;
  color: #fff;
}

.hero .badge { background-color: var(--bs-secondary); }

.card { border: none; border-radius: 0.9rem; }
.card h5 { color: var(--bs-primary); }

.bg-light { background-color: var(--bs-light) !important; }

a { color: var(--bs-primary); }
a:hover { color: var(--bs-secondary); }

h1, h2 { letter-spacing: -0.02em; }