/**
 * Custom Properties
 * aka CSS variables.
 *
 * @link: https://developer.mozilla.org/en-US/docs/Web/CSS/--*
 **/

:root {
	--content-width: 55rem;
	--dropdown-symbol-width: 0.7em;

	/* Typography */
	--global-font-family: "Open Sans", sans-serif;
	--highlight-font-family: "Open Sans", sans-serif;
	--global-font-size: 16;
	--global-font-line-height: 1.4;

	/* Custom editor font sizes */
	--font-size-small: calc(var(--global-font-size) / 16 * 0.8rem);
	--font-size-regular: calc(var(--global-font-size) / 16 * 1rem);
	--font-size-large: calc(var(--global-font-size) / 16 * 1.5rem);
	--font-size-larger: calc(var(--global-font-size) / 16 * 2rem);

	/* Colors */
	--global-font-color: #767676;
	--dark-font-color: #222527;
	--light-font-color: #abb2b6;
	--border-color-dark: #ccc;
	--border-color-light: #eff1f1;
	--secondary-bg-color: #f7f8f8;
	--color-link: #28b7ff;
	--color-link-active: #007fff;
	--color-quote-border: #000;
	--color-quote-citation: #6c7781;

	/* Custom editor colors */
	--color-theme-primary: #28b7ff;
	--color-theme-secondary: #007fff;
	--color-theme-red: #c0392b;
	--color-theme-green: #27ae60;
	--color-theme-blue: #2980b9;
	--color-theme-yellow: #f1c40f;
	--color-theme-black: #1c2833;
	--color-theme-grey: #95a5a6;
	--color-theme-white: #ecf0f1;
	--color-custom-daylight: #97c0b7;
	--color-custom-sun: #eee9d1;
}