/* Overall page */

body {
  background: #f6f4ef;
  color: #252525;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.7;
}

:root {
  --accent: #52796f;
  --dark: #252525;
  --muted: #6b6b6b;
  --background: #f6f4ef;
  --card: #ffffff;
}

.card {
  background: var(--card);
  border: 1px solid #dedbd3;
  border-radius: 14px;
  padding: 1.5rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.07);
}

/* Navigation bar */

.navbar {
  background: #354f52;
  border-bottom: none;
}

.navbar-brand,
.navbar .nav-link {
  color: #ffffff !important;
}

.navbar .nav-link {
  transition: opacity 0.2s ease;
}

.navbar .nav-link:hover {
  color: #cad8d2 !important;
  text-decoration: none;
}

.navbar .nav-link.active {
  color: #ffffff !important;
  font-weight: 600;
}

/* Links */

a {
  color: #71806b;
  text-decoration: none;
}

a:hover {
  color: #4f5f4a;
  text-decoration: underline;
}



/* Buttons */

.btn {
  border-radius: 6px;
  border: 1px solid #b8b5ad;
}

.btn:hover {
  background: #71806b;
  color: white;
}


/* Research interest bullets */

ul {
  padding-left: 1.2rem;
}


/* Horizontal lines */

hr {
  border: none;
  border-top: 1px solid #dedbd4;
}


h1 {
  font-size: clamp(2.2rem, 4vw, 3.5rem);
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1.1;
}

h2 {
  font-weight: 650;
  letter-spacing: -0.03em;
  margin-top: 3rem;
}