/* Base Styles */
body {
  background-color: var(--color-surface);
  color: var(--color-text-primary);
  font-size: var(--font-size-xs);
  line-height: var(--line-height-normal);
}

h1, h2, h3, h4, h5, h6 {
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-normal);
}

p {
  line-height: var(--line-height-relaxed);
}

button {
  font-size: inherit;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--letter-spacing-normal);
  transition: all 0.2s ease-in-out;
}

button:hover {
  transform: translateY(-1px);
}

button:active {
  transform: translateY(0);
}