anephenix/ui

@import './buttons.scss';
@import './colours.scss';
@import './form-fields.scss';
@import './spacing.scss';
@import './grid.scss';
@import './typography.scss';
@import './inbox.scss';

body {
    -webkit-font-smoothing: antialiased;
    font-family: 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI',
        Roboto, Oxygen, Cantarell, 'Open Sans', sans-serif;
    background: $light;
    color: $dark;

    @media screen and (prefers-color-scheme: dark) {
        background: $dark;
        color: $light;
    }
}

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