:root {
  --mk-navy: #0b2e4f;
  --mk-teal: #0e7c7b;
  --mk-teal-dark: #0a5f5e;
  --mk-bg: #f4f7f9;
  --mk-border: #dde4e9;
  --mk-text: #1c2b36;
}

body {
  background-color: var(--mk-bg);
  color: var(--mk-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.mk-navbar {
  background-color: var(--mk-navy);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.mk-navbar .navbar-brand {
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #ffffff;
}

.mk-navbar .navbar-brand .mk-brand-accent {
  color: var(--mk-teal);
}

.mk-navbar .nav-link {
  color: rgba(255, 255, 255, 0.85);
}

.mk-navbar .nav-link:hover {
  color: #ffffff;
}

.btn-mk-primary {
  background-color: var(--mk-teal);
  border-color: var(--mk-teal-dark);
  color: #ffffff;
}

.btn-mk-primary:hover {
  background-color: var(--mk-teal-dark);
  border-color: var(--mk-teal-dark);
  color: #ffffff;
}

.mk-card {
  background: #ffffff;
  border: 1px solid var(--mk-border);
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.mk-footer {
  color: #6b7a85;
  font-size: 0.85rem;
}