/* Inter Font */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

:root {
  --primary: #00417B;
  --light-text: #ffffff;
}

/* Global Styles */
body {
  background-color: var(--primary);
  font-family: 'Inter', sans-serif;
  margin: 0;
  padding: 0;
  color: var(--light-text);
  scroll-behavior: smooth;
  max-width: 100%;
  overflow-x: hidden;
}

section {
  background-color: var(--primary);
  color: var(--light-text);
  padding: 3rem 1rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', sans-serif;
  color: var(--light-text);
  font-weight: 700;
  text-align: center;
}

p, a, span, li, label {
  color: var(--light-text);
  font-family: 'Inter', sans-serif;
}

a {
  text-decoration: none;
}

a:hover {
  color: var(--light-text);
}

.navbar, .footer {
  background-color: var(--primary) !important;
  color: var(--light-text);
}

.navbar-brand, .nav-link {
  color: var(--light-text) !important;
}

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

.btn-primary {
  background-color: var(--light-text);
  border: none;
  color: var(--primary);
}

.btn-primary:hover {
  background-color: #e0e0e0;
}

img.rounded-circle {
  border-radius: 50%;
  object-fit: cover;
}

.card {
  background-color: var(--primary) !important;
  color: var(--light-text);
  border: none;
}

footer {
  background-color: var(--primary);
  color: var(--light-text);
  text-align: center;
  padding: 1rem 0;
}

.container {
  text-align: center;
}

.bg-cobalt {
  background-color: var(--primary) !important;
}

@media (max-width: 768px) {
  body {
    font-size: 14px;
  }

  section {
    padding: 2rem 1rem;
  }

  h1, h2 {
    font-size: 1.4rem;
    line-height: 1.4;
  }

  .navbar-brand {
    font-size: 1rem;
  }

  footer {
    font-size: 0.85rem;
  }
}