/* Theme design tokens */
:root {
  --color-primary: #063174;
  --color-heading: #121212;
  --color-body: #1a1a1a;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Noto Serif Bengali", serif;
  color: var(--color-body);
  background-color: #ffffff;
  line-height: 1.7;
  font-size: 18px;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--color-heading);
}

.text-primary {
  color: var(--color-primary) !important;
}
.bg-primary {
  background-color: var(--color-primary) !important;
}
.btn-primary {
  --bs-btn-bg: var(--color-primary);
  --bs-btn-border-color: var(--color-primary);
  --bs-btn-hover-bg: #042757;
  --bs-btn-hover-border-color: #042757;
}

/* Hero section */
.hero {
  background: var(--color-primary);
  color: #ffffff;
  padding: 4rem 0;
}
.hero .lead {
  color: #e8eefc;
}

/* Navbar spacing adjustments for serif font */
.navbar-brand {
  letter-spacing: 0.3px;
}

/* Article cards on home page */
#news .card {
  border: 1px solid #dee2e6;
  transition: transform 0.2s, box-shadow 0.2s;
  overflow: hidden;
}

#news .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

#news .card-img-top {
  transition: transform 0.3s;
}

#news .card:hover .card-img-top {
  transform: scale(1.05);
}

#news .card-title a {
  color: var(--color-heading);
  transition: color 0.2s;
}

#news .card-title a:hover {
  color: var(--color-primary);
  text-decoration: underline;
}

/* Card tweaks */
.card-title {
  color: var(--color-heading);
}