:root {
  --header-height: 80px;

  --scroll-margin-top: calc(var(--header-height) * 1.5);

  --max-width: 90rem;

  --bg-color: 248 250 252;

  --font-normal: "Poppins", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", Arial, sans-serif;

  --font-monospace: ui-monospace, Menlo, Monaco, "Cascadia Mono",
    "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace",
    "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg-color: 23 23 23;
  }
}

@media screen and (max-width: 1023px) {
  :root {
    --header-height: 64px;
  }
}