@import './reset.css';
@import './article.css';
@import './bg.css';
@import './bhb-heading.css';
@import './button.css';
@import './dialog.css';
@import './form.css';
@import './gallery.css';
@import './image.css';
@import './layout.css';
@import './lightbox.css';
@import './masthead.css';
@import './page.css';
@import './page-footer.css';
@import './scroll.css';
@import './typography.css';

@font-face {

	font-family: 'thaleahfatmedium';
	src:	url('../font/thaleahfat.woff2') format('woff2'),
			url('../font/thaleahfat.woff') format('woff');

	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

:root {

	--color-1: #fff;
	--color-2: #000;
	--color-3: #efca17;
	--color-4: #85700e;
	--color-5: #493c08;
	--color-6: #de214e;
	--color-7: #554ab5;
	--color-8: #20bf0b;
	--color-9: #00000055;
	--color-a: #989898;
	--color-b: #717171;
	--color-c: #2e2e2e;

	--border-size: 4px;
	--text-border-size: 2px;

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

	--font-size-x: 4rem;
	--font-size-1: 2.25rem;
	--font-size-m: 2rem;

	--scrollbar-color: var(--color-6);
	--scrollbar-size: .5rem;

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

@media screen and (min-width: 800px) {

	:root {

		--text-border-size: 4px;

		--font-size-x: 6rem;
		--font-size-1: 4.25rem;
		--font-size-m: 3rem;

		--space-m: 2rem;
		--space-l: 4rem;
		--space-x: 8rem;
	}
}