:root {
  --text-color: #333;
  --light-grey: #f4f4f4;
  --footer-red: #7a2b2b; /* Matching the dark red in your image */
}

a {
  text-decoration: none; /* Removes the underline */
  color: inherit;        /* Makes the link take the color of the surrounding text */
}

/* Optional: Add a hover effect for better UX */
a:hover {
  text-decoration: underline; /* Shows underline only when hovering */
  opacity: 0.7;               /* Subtle fade effect */
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', 'IBM Plex Sans Thai', sans-serif;
  -webkit-font-smoothing: antialiased;
  color: var(--text-color);
  line-height: 1.6;
  background-color: #fff;
  text-align: center;
}

.page-title {
  font-family: 'Caveat', cursive;
  font-size: 3rem;
  margin-bottom: 5px;
  display: inline-block;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
}

.thai-subtitle {
  font-weight: 300;
  font-size: 1.2rem;
  color: var(--grey-text);
  margin: 20px 0;
  letter-spacing: 1px;
}