/* base.css */
@import "./variables.css";
@import "./reset.css";
@import "./buttons.css";
@import "./layout.css";
@import "./typography.css";
@import "./components.css";

@font-face {
  font-family: "Inter";
  src:
    url("/static/fonts/inter/InterVariable.woff2") format("woff2-variations"),
    url("/static/fonts/inter/InterVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

body {
  background-color: var(--color-bg);
  color: var(--color-text);
  font-family: "Inter", sans-serif;
}

@media (max-width: 768px) {
  .container {
    padding: 0 var(--space-lg);
  }
}