/* Global page style */
body {
  font-family: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  line-height: 1.7;
  color: #1f2937;
  background: linear-gradient(135deg, #eef4ff 0%, #f8fafc 45%, #eefdf7 100%);
}

/* Main content area */
main.content {
  max-width: 1150px;
  margin: 2rem auto;
  padding: 2.5rem;
  background-color: rgba(255, 255, 255, 0.88);
  border-radius: 22px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

/* Navbar */
.navbar {
  background-color: #0f172a !important;
  border-bottom: none;
}

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

.navbar-nav .nav-link:hover {
  color: #93c5fd !important;
}

/* Titles */
h1, h2, h3 {
  color: #0f172a;
  font-weight: 700;
}

h1 {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

h2 {
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  border-bottom: 2px solid #e2e8f0;
  padding-bottom: 0.4rem;
}

h3 {
  margin-top: 1.5rem;
  margin-bottom: 0.6rem;
}

/* Paragraphs and lists */
p, li {
  font-size: 1.05rem;
}

ul {
  padding-left: 1.2rem;
}

/* Links */
a {
  color: #1d4ed8;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Navbar */
.navbar {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e5e7eb;
}

.navbar-brand,
.navbar-nav .nav-link {
  font-weight: 600;
}

/* Horizontal separators */
hr {
  border: none;
  border-top: 1px solid #dbe4ee;
  margin: 2rem 0;
}

/* Improve spacing for project sections */
section {
  margin-bottom: 2rem;
}

img {
  border-radius: 14px;
}

figure img {
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12);
}

/* Page-specific backgrounds */

body.home-page {
  background: linear-gradient(135deg, #eaf1ff 0%, #f8fafc 45%, #edf7ff 100%);
}

body.about-page {
  background: linear-gradient(135deg, #ecfdf5 0%, #f8fafc 45%, #eefdf7 100%);
}

body.projects-page {
  background: linear-gradient(135deg, #eef2ff 0%, #f8fafc 45%, #f3e8ff 100%);
}

body.research-page {
  background: linear-gradient(135deg, #e0f2fe 0%, #f8fafc 45%, #ecfeff 100%);
}

/* Harmonized content cards */

body.home-page main.content {
  border-top: 6px solid #1d4ed8;
}

body.about-page main.content {
  border-top: 6px solid #059669;
}

body.projects-page main.content {
  border-top: 6px solid #7c3aed;
}

body.research-page main.content {
  border-top: 6px solid #0891b2;
}


/* Page-specific visual identity */

main.content:has(.page-home) {
  border-top: 6px solid #1d4ed8;
  background: linear-gradient(135deg, #ffffff 0%, #eef4ff 100%);
}

main.content:has(.page-about) {
  border-top: 6px solid #059669;
  background: linear-gradient(135deg, #ffffff 0%, #ecfdf5 100%);
}

main.content:has(.page-projects) {
  border-top: 6px solid #7c3aed;
  background: linear-gradient(135deg, #ffffff 0%, #f3e8ff 100%);
}

main.content:has(.page-research) {
  border-top: 6px solid #0891b2;
  background: linear-gradient(135deg, #ffffff 0%, #ecfeff 100%);
}