:root {
  --clara-primary: #0d6efd;
}

body {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.clara-navbar {
  background: #fff;
}

.clara-navbar-container {
  padding-top: .6rem;
  padding-bottom: .6rem;
}

.clara-navbar-logo {
  width: auto;
  height: 76px;
  object-fit: contain;
}

.clara-navbar-links .nav-link {
  color: #1f2937;
  font-weight: 500;
}

.clara-nav-muted {
  opacity: .72;
}

.clara-lang-btn {
  min-width: 2.75rem;
}

.clara-footer-logo {
  width: auto;
  height: 74px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.clara-section {
  padding: 4rem 0;
}

.clara-gradient-section {
  background: linear-gradient(180deg, #f8fdff 0%, #eefbff 38%, #d8f6fb 100%);
}

.clara-navbar a,
.clara-footer a {
  text-decoration: none;
}

.clara-navbar a:hover,
.clara-footer a:hover {
  text-decoration: none;
}

.clara-footer {
  border-top: 1px solid #1f2e4f;
  background: #0b1630;
  color: #ffffff;
}

.clara-footer a {
  color: #d7e6ff;
  transition: color .2s ease;
}

.clara-footer a:hover {
  color: #ffffff;
}

.clara-footer-title {
  font-size: .95rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: .85rem;
}

.clara-footer-text {
  color: #ffffff;
}

.clara-footer-bottom {
  border-top: 1px solid #1f2e4f;
}

@media (max-width: 991.98px) {
  .clara-navbar-logo { height: 64px; }
  .clara-footer-logo { height: 64px; }
}