/* src/client/index.css */
:root {
  --buncss-light: initial;
  --buncss-dark: ;
  color-scheme: light dark;
  color: #f5f5f7;
  --page-padding-x: 1rem;
  --header-height: 75px;
  --brand-orange: #fe7e17;
  background-color: #000;
  font-family: Plus Jakarta Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  line-height: 1.5;
}

@media (prefers-color-scheme: dark) {
  :root {
    --buncss-light: ;
    --buncss-dark: initial;
  }
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: var(--header-height);
}

@media (width >= 640px) {
  :root {
    --page-padding-x: 2rem;
  }
}

* {
  box-sizing: border-box;
}

html, body, #root {
  height: 100%;
  margin: 0;
}