@import 'variables.css';
@import 'typography.css';
@import 'components.css';
@import 'pages.css';

*, *:before, *:after {
    box-sizing: border-box;
}
html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    overflow-x: hidden;
    background-color: var(--color-background);
}
.section-wrapper {
    max-width: var(--max-width-content);
    margin: 0 auto;
    padding: var(--spacing-lg) var(--spacing-md);
}
.content-narrow {
    max-width: var(--max-width-text);
    margin: 0 auto;
}
.mt-md { margin-top: var(--spacing-md); }
.mb-md { margin-bottom: var(--spacing-md); }
.py-lg { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }