@import url('reset.css');
@import url('variables.css');
@import url('layout.css');
@import url('components.css');
@import url('pages.css');
@import url('utilities.css');

/* ─── Base body setup ─── */
body {
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  color: var(--color-text);
  background: var(--color-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#app {
  min-height: 100vh;
}

/* ─── Transitions for theme switching ─── */
* {
  transition:
    background-color var(--duration-150) var(--ease-out),
    border-color var(--duration-150) var(--ease-out),
    color var(--duration-150) var(--ease-out);
}

/* ─── Print styles ─── */
@media print {
  .app-shell__sidebar,
  .app-shell__header,
  .btn,
  .no-print {
    display: none !important;
  }

  .app-shell {
    display: block;
  }

  .app-shell__main {
    padding: 0;
  }

  body {
    background: white;
    color: black;
  }
}