/* === TYPOGRAPHY & FONTS === */
html, body {
  font-family: var(--mono) !important;
  font-size: 14px;
  line-height: 1.45;
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: var(--page-bg, #fff);
  color: #000;
}

* { color: #000; }

h1, h2, h3, h4 {
  font-family: var(--mono) !important;
  font-weight: 600;
  letter-spacing: .04em;
  text-align: left !important;
}

p, .muted { text-align: left !important; }

a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }

button, .btn {
  font-family: var(--mono) !important;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .8rem;
}

input, textarea, select {
  font-family: var(--mono) !important;
  font-size: .9rem;
}

.muted { opacity: .85; }

.section-title {
  font-weight: 700 !important;
  font-size: clamp(1.8rem, 2vw + 1rem, 2.25rem);
  margin: 0 0 1rem;
  letter-spacing: .06em !important;
  text-align: left !important;
}