@import url("reset.css");
@import url("tokens.css");
@import url("radius.css");
@import url("layout-responsive.css");
@import url("site-sidebar-mobile.css");
@import url("home.css");

html,
body {
  background-color: var(--color-bg);
  color: var(--color-text);
}

body {
  font-family: var(
    --font-family,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif
  );
}

.app-main {
  min-height: 100vh;
  min-height: 100dvh;
  padding-top: 56px;
}

/* Homepage fills viewport; no top bar offset */
.app-main:has(.home) {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 100dvh;
  padding-top: 0;
}