:root {
    --about-section: default;
}
:root {
    --accent-color: white;
}
:root {
    --template: alpha;
}
:root {
	--button-radius: 6px 6px 0 0;
	--button-border-width: 1px 1px 4px;
	--button-padding-bottom: calc(1rem - 4px);
}
/* bamboo-burntorange */
/* Font: Montserrat (Google Font)
200 ExtraLight
300 Light
400 Regular
600 Semibold
700 Bold
*/

:root {
	--pagebg: #fff; /* Page background. White, maybe a nice gray, that most people would call white. */

	--primary: #bf5523; /* Primary brand color. Used for links and buttons */
	--alternate: #853d1b; /* Darker variant of brand color, for things like buttons */
	--links: #853d1b; /* Set to the same as --alternate in most cases */

	--secondary: #99906c; /* Secondary color. Used for normal buttons. Can be used for the footer background. */
	--accent: #f9f8f4; /* Ligher color. Usually used for footer background and other design elements. */
	--headerTXT: #ffffff; /* Header text, essentially. Foreground on header/aside. */
	--headerBG: #99906c; /* Header background, usually matches secondary, except for white color schemes */

	/* A selection of shades of gray. These can be changed to match a color
                            scheme--that's why they're variables. But probably not. */
	--xlight: #ddd;
	--light: #bebebe;
	--medium: #808080;
	--dark: #3c3c3c;
	--xdark: #181818;

	--normal: #4a4a4a; /* Primary text color */
	--lighter: #9b9b9b; /* Lighter body copy. Used in several places. Should be similar to normal or accent text. */
	--emphasis: #000; /* Secondary text color. Used for major headings. */
}