@import 'utils/_reset.css';

/*import the theme you want to use*/
@import "themes/oui-light-theme.css" screen;
@import "themes/oui-dark-theme.css" screen and (prefers-color-scheme: dark); /*Auto load dark theme*/

/*add components you will use in your app*/
@import 'components/_appbar.css';
@import 'components/_badge.css';
@import 'components/_bubble.css';
@import 'components/_button.css';
@import 'components/_checkbox.css';
@import 'components/_dialog.css';
@import 'components/_header.css';
@import 'components/_icon.css';
@import 'components/_image.css';
@import 'components/_imgarticle.css';
@import 'components/_input.css';
@import 'components/_tab.css';
@import 'components/_radio.css';
@import 'components/_search.css';
@import 'components/_select.css';
@import 'components/_slider.css';
@import 'components/_textual.css';
@import 'components/_toast.css';
@import 'components/_toggle.css';
@import 'components/_layout.css';


/* Required utils */
@import 'utils/_misc.css';
@import 'utils/_font.css';
@import 'utils/_media.css';
@import 'utils/_spacing.css';

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