/* LHW Properties supplementary styles beyond Tailwind.
 * Patterns copied (not imported) from web/css/styles.css per ISOL-04.
 * Keep minimal — < 50 lines.
 */

* { box-sizing: border-box; }

body {
  background-color: #fcf9f8;
  color: #323233;
  font-family: 'Inter', sans-serif;
}

h1, h2, h3, .font-serif {
  font-family: 'Noto Serif', serif;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: #fcf9f8; }
::-webkit-scrollbar-thumb { background: #b2b2b1; }

#app {
  transition: opacity 200ms ease;
}

#app.fade-out {
  opacity: 0;
}

.scroll-hint { scroll-behavior: smooth; }

.nav-link.active {
  color: #6d5f07;
  border-bottom: 1px solid currentColor;
}