@import 'base/variables.css';
@import 'base/typography.css';
@import 'components/blocks.css';
@import 'pages/site-pages.css';
@import 'utilities/motion.css';
@import 'layouts/header.css';
@import 'layouts/footer.css';

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-height: 100vh;
    background: var(--color-bg-950);
    color: var(--color-text-primary);
    font-family: var(--font-body);
}

a {
    color: inherit;
    text-decoration: none;
}

.site-main {
    width: min(1200px, calc(100% - 2rem));
    margin: 0 auto;
    padding: 7rem 0 4rem;
}

.page-shell {
    padding: 2.5rem 0;
}

.error-page {
    padding: 6rem 0;
}