/* Custom styles beyond Tailwind */
html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Subtle line decorations */
section::before {
  content: '';
  display: block;
  width: 48px;
  height: 1px;
  background: #d4a843;
  margin-bottom: 2rem;
}

/* Thin line between sections */
.divider-line {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(26, 39, 68, 0.1), transparent);
}
</styles>