/* CSS Variables for static pages */
:root {
	/* Text */
	--fc-text: #222222;
	--fc-heading-muted: #4a4a4a;
	--fc-text-muted: #737373;

	/* Backgrounds */
	--fc-surface: #ffffff;
	--fc-page-bg: #fbfbfb;
	--fc-white-bg: #deeeef;

	/* Borders/Dividers */
	--fc-divider: #d0d0d0;
	--fc-black: #646b6c;

	/* Accents */
	--fc-bullet: #717171;
	--fc-accent-primary: #f77016; /* Primary accent color */
	--fc-link: #0000EE; /* Link color */

	/* Shadows */
	--fc-shadow-soft: rgba(0, 0, 0, 0.1);
	--fc-shadow-header: rgba(213, 213, 213, 0.4);
	--fc--shadow-text:  rgba(0, 0, 0, .004);

	/* Font Sizes */
	--fc-fs-xxs: 10px;
	/* tiny labels, e.g. .heading-3 */
	--fc-fs-xs: 12px;
	/* small headings (mobile h2) */
	--fc-fs-sm: 14px;
	/* base body text (desktop base, mobile body) */
	--fc-fs-md: 16px;
	/* section headings, paragraphs */
	--fc-fs-lg: 18px;
	/* mobile h3 */
	--fc-fs-xl: 22px;
	/* desktop h1 */
	--fc-fs-2xl: 24px;
	/* desktop h3 */
}