/* variables and base styles */
:root {
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 32px;
  --font-base: 16px;
  --line-height: 1.5;
  --navbar-height: 64px;
}
html {
  scroll-behavior: smooth;
  font-size: var(--font-base);
  line-height: var(--line-height);
  font-family: 'Poppins', sans-serif;
}
body {
  margin: 0;
  color: #1f2937;
  background: #f9fafb;
}
img {
  max-width: 100%;
  display: block;
}
a {
  color: inherit;
  text-decoration: none;
}