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

:root {
	--global-font-color: #00284a;
	--global-font-family: "IBM Plex Sans", serif;
	--highlight-font-family: "IBM Plex Serif", sans-serif;
	--subheadline-font-family: "Balthazar";
	--global-font-size: 20;
	--global-font-line-height: 1.4;
	--global-font-weight: var(--font-weight-light);
	--highlight-font-weight: var(--font-weight-medium);
	--content-width: 1340px;
	--dropdown-symbol-width: 0.7em;
	--footer-width: 1110px;

	/* Custom editor colors */
	--color-theme-primary: #00284a;
	--color-theme-secondary: #a9d4ea;

	--color-theme-light-blue: #e2e9ef;
	--color-theme-lightest-blue: #f7f9fb;
	--color-theme-red: #c0392b;
	--color-theme-green: #27ae60;
	--color-theme-blue: #2980b9;
	--color-theme-yellow: #f1c40f;
	--color-theme-black: #203653;
	--color-theme-grey: #95a5a6;
	--color-theme-white: #fff;
	--color-custom-daylight: #97c0b7;
	--color-custom-sun: #eee9d1;
	--color-bcg-investment-closed: #e2e9ef;
	--color-font-investment-closed: #979797;

	--color-link: #213752;
	--color-link-visited: #213752;
	--color-link-active: #00a0d2;

	--color-button-hover: #687b85;

	--color-quote-border: #000;
	--color-quote-citation: #6c7781;

	--color-gform-error: #bb2525;

	/* Custom editor font sizes */
	--font-size-gf-conf-text: 15px;
	--font-size-gf-conf-header: 30px;
	--font-size-regular: calc(var(--global-font-size) / 16 * 1rem);
	--font-size-large: calc(36 / var(--global-font-size) * 1rem);
	--font-size-larger: calc(48 / var(--global-font-size) * 1rem);

	/* Custom font weights */
	--font-weight-thin: 100;
	--font-weight-extralight: 200;
	--font-weight-light: 300;
	--font-weight-normal: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--font-weight-extrabold: 800;
	--font-weight-ultrabold: 900;

}