@import "shower-styles.css";
@import "slide-styles.css";
@import "demos-styles.css";

:root {
	--color-light: hsl(310 49% 88%);
	--color-dark: hsl(226 100% 17%);
	--color-accent: hsl(321 100% 77%);
	--color-medium: hsl(225.44 91.387% 21.648%);
	--color-subtle-accent: hsla(226, 91%, 22%, 0.092);

	--color-fill: rgba(88, 90, 94, 0.1);
	--color-line: rgba(88, 90, 94, 0.5);

	--slide-side: 600px;

	--font-sans-serif: "Nunito", "Roboto", Arial, sans-serif;
	--font-mono: "DM Mono", monospace;

	--font-size-xs: 1.0625rem;
	--font-size-sm: 1.625rem;
	--font-size-md: 2.1875rem;
	--font-size-lg: 2.875rem;
	--font-size-xl: 4rem;
	--font-size-xxl: 4.5rem;
}