body {
  background-color: #f7f3e9;
  color: #2f2a1f;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

a {
  transition: color 0.2s ease, opacity 0.2s ease;
}

a:hover {
  opacity: 0.85;
}

.roman-gradient {
  background: radial-gradient(circle at top, #f3d5b5 0%, #dcb17a 40%, #9f7a4f 100%);
}

.texture-overlay {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d7c0a2' fill-opacity='0.3'%3E%3Cpath d='M0 58h2v2H0zM8 58h2v2H8zM16 58h2v2h-2zM24 58h2v2h-2zM32 58h2v2h-2zM40 58h2v2h-2zM48 58h2v2h-2zM56 58h2v2h-2zM0 50h2v2H0zM8 50h2v2H8zM16 50h2v2h-2zM24 50h2v2h-2zM32 50h2v2h-2zM40 50h2v2h-2zM48 50h2v2h-2zM56 50h2v2h-2zM0 42h2v2H0zM8 42h2v2H8zM16 42h2v2h-2zM24 42h2v2h-2zM32 42h2v2h-2zM40 42h2v2h-2zM48 42h2v2h-2zM56 42h2v2h-2zM0 34h2v2H0zM8 34h2v2H8zM16 34h2v2h-2zM24 34h2v2h-2zM32 34h2v2h-2zM40 34h2v2h-2zM48 34h2v2h-2zM56 34h2v2h-2zM0 26h2v2H0zM8 26h2v2H8zM16 26h2v2h-2zM24 26h2v2h-2zM32 26h2v2h-2zM40 26h2v2h-2zM48 26h2v2h-2zM56 26h2v2h-2zM0 18h2v2H0zM8 18h2v2H8zM16 18h2v2h-2zM24 18h2v2h-2zM32 18h2v2h-2zM40 18h2v2h-2zM48 18h2v2h-2zM56 18h2v2h-2zM0 10h2v2H0zM8 10h2v2H8zM16 10h2v2h-2zM24 10h2v2h-2zM32 10h2v2h-2zM40 10h2v2h-2zM48 10h2v2h-2zM56 10h2v2h-2zM0 2h2v2H0zM8 2h2v2H8zM16 2h2v2h-2zM24 2h2v2h-2zM32 2h2v2h-2zM40 2h2v2h-2zM48 2h2v2h-2zM56 2h2v2h-2z' /%3E%3C/g%3E%3C/svg%3E");
  background-blend-mode: multiply;
}

.section-title {
  font-family: "Cinzel", serif;
  letter-spacing: 0.08em;
}

.pill {
  border-radius: 9999px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.module-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.module-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 25px 45px rgba(47, 42, 31, 0.15);
}

.footer-link {
  color: #f3d5b5;
}

.footer-link:hover {
  color: #ffffff;
}