@import "./checkbox.css";
@import "./scrollbar.css";
@import "./input.css";
@import "./popover.css";

@import "./hover.css";

@import "./colors.css";
@import "./theme-toggle.css";

:root {
  --default-section-margin: 64px;

  @media (width < 768px) {
    --default-section-margin: 40px;
  }
}

* {
  line-height: 1.2 !important;
  font-family: "Roboto", ui-sans-serif, system-ui, sans-serif !important;
  transition: all 0.3s ease;
  scroll-padding-top: calc(64px + (var(--default-section-margin) / 2));
  scroll-behavior: smooth;
}
html {
  background-color: var(--surface-primary);
}
.unbounded-font {
  font-family: "Unbounded", ui-sans-serif, system-ui, sans-serif !important;
}