/**
 * Lots of definitions for Vertex cos we have to 
 override a lot of Bootstrap defaults.
 */

:root {


	--theme: #3F88C4;
	--primary2: #698B97;
	--accent: #FBEA75;

	--secondary1: #1F2642;
	--secondary2: #7290C2;

	--neutral1: #A8A8A8;
	--neutral2: #DCDCDC;

	--dark: #222;
	--dark-grey: #222;
	--grey-dark: #222;
	--grey-mid: #555;
	--grey-light: #ccc;

	--grey-very-light: #eee;
	--grey-background: #eee;
	
	--pale: #FDF2E9;

	--grey: #C4C8D0;

	--active: #3F88C4;
	--blue-dark: #2D6293;
	--blue-pale: #E5F3FF;
	--pale-blue: #E5F3FF;
	--green: #61A970;
	--pale-green: #EEFFE5;

	--purple: #0b0246;
	--red: #DE4F34;
	--pale-red: #FFDDD6;
	--yellow: #E19800;
	--pale-yellow: hsla(46, 100%, 90%, 1);
	--warning: #FFC300;
	--mauve: #7268AB;

	--gap: 0.75rem;

	--transition: all 0.3s ease-in-out;

	--text-light: 200;
	--text-regular: 400;
	--text-strong: 600;
	--strong: 600;
	--heavy: 700;

	--border-radius: 2px;

	--bs-blue: #3F88C4;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: var(--green);
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-primary: #0d6efd;
	--bs-secondary: #6c757d;
	--bs-success: var(--green);
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;

	--bs-font-sans-serif: 'Open Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));

	--bs-border-color: var(--grey);
	--bs-border-width: 1px;
	
	--heading-font: 'Open Sans', "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	;

	--font-sans: 'Open Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	;

	--font-serif: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;

	--font-condensed: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;

	/*=============================
	Fluid Type sizes from
	https://utopia.fyi/
	=============================*/

	/* @link https://utopia.fyi/type/calculator?c=320,16,1.333,1240,24,1.333,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

	--step--2: clamp(0.56rem, 0.46rem + 0.49vw, 0.84rem);
	--step--1: clamp(0.75rem, 0.62rem + 0.65vw, 1.13rem);
	--step-0: clamp(1.00rem, 0.83rem + 0.87vw, 1.50rem);
	--step-1: clamp(1.33rem, 1.10rem + 1.16vw, 2.00rem);
	--step-2: clamp(1.78rem, 1.47rem + 1.55vw, 2.67rem);
	--step-3: clamp(2.37rem, 1.96rem + 2.06vw, 3.55rem);
	--step-4: clamp(3.16rem, 2.61rem + 2.75vw, 4.74rem);
	--step-5: clamp(2.41rem, 3.2rem + 3.66vw, 6.31rem);

	/* Current (v5.0) Boostrap breakpoints are 
X-Small 	None 	<576px
Small 	sm 	≥576px
Medium 	md 	≥768px
Large 	lg 	≥992px
Extra large 	xl 	≥1200px
Extra extra large 	xxl 	≥1400px
*/

	--gap: 0.75rem;
	--gap-small: 0.5rem;
	--gap-tiny: 4px;

	--shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20);
}

@media (min-width: 768px) {
	:root {
		--gap: 1rem;
		--gap-small: 0.75rem;
		--gap-tiny: 6px;
	}
}

@media (min-width: 992px) {
	:root {
		--gap: 2rem;
		--gap-small: 20px;
		--gap-tiny: 8px;
	}
}