@import url('https://fonts.googleapis.com/css2?family=Saira&display=swap');

@import './reset.css';
@import './article.css';
@import './button.css';
@import './carousel.css';
@import './dialog.css';
@import './gallery.css';
@import './layout.css';
@import './lightbox.css';
@import './list.css';
@import './menubar.css';
@import './misc.css';
@import './page-footer.css';
@import './page-header.css';
@import './readmore.css';
@import './scroll.css';
@import './starfield.css';
@import './typography.css';

:root {

	--color-bg: #000;
	--color-fg: #ddd;
	--color-hi: #44ffaa;
	--color-lo: #44ffaa22;
	--color-sel: #fff;
	--color-alpha: #00000055;

	--font-family-body: 'Saira', sans-serif;

	--font-size-s: .8rem;
	--font-size-m: 1rem;
	--font-size-l: 1.4rem;
	--font-size-x: 2rem;
	--font-size-z: 3rem;

	--anim-duration-s: .25s;
	--anim-duration-m: 1s;
	--border-radius-s: .25rem;

	--scrollbar-size: .5rem;

	--space-m: 1rem;
	--space-l: 2rem;
}