:root {
  --bg-light: #f8fafb;
  --text-dark: #1f2937;
  --accent: #0e7b83;
  --accent-light: #19a1a9;
  --accent-bg: #e6f3f4;
}

body {
  background: var(--bg-light);
  color: var(--text-dark);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  -webkit-font-smoothing: antialiased;
}

.logo-title {
  color: var(--text-dark);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.cta-btn {
  background-color: var(--accent);
  color: white;
  transition: transform 0.2s ease, background-color 0.2s ease;
}
.cta-btn:hover {
  background-color: var(--accent-light);
  transform: scale(1.05);
}

.glass {
  background: var(--accent-bg);
  border: 1px solid rgba(14, 123, 131, 0.2);
}

nav a.active {
  color: var(--accent);
  font-weight: 600;
}
nav a:hover {
  color: var(--accent);
}

footer {
  background-color: white;
  border-top: 1px solid #e5e7eb;
}