/* Global variables and states */

html {
	--theme-clr-primary_blue: #096080;
	--theme-clr-background_blue: #D0EDF4;
	--theme-clr-primary_green: #00AB69;
	--theme-clr-primary_green_2: #007132;
	--theme-clr-secondary_orange: #F4A600;
	--theme-clr-secondary_orange-400: #F6B326;
	--theme-clr-dark: #000300;
	--theme-clr-primary-light-blue: #7FD2E8;
	--theme-clr-gah-events-bg: #F0FAFC;
    --form-control-color: var(--theme-clr-primary_blue);
	--theme-clr-primary-light-blue-50: #F0FAFC;
	--theme-clr-atlantic-blue: #103052;
	--theme-clr-plain-white: #FFFFFF;

	--secondary-button-border: 2px solid var(--theme-clr-primary_blue);

	--card-radius: 20px;
	--card-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);

	--theme-paragraph-size: clamp(1.1rem, (1rem + .2vw), 1.2rem);
	/* range 17px for mobile 20 for desktop */
	--theme-readable-width: 80ch;
	--theme-weight-normal: 400;
	--theme-weight-bold: 700;
	--theme-min-margin: 1rem;
	--theme-max-content-width: calc(100vw - var(--theme-min-margin));
	--theme-social-icon-color: white;
	--theme-focus-offset: -2px;
	--theme-link-highlight: var(--theme-clr-primary_green);
	--theme-link-highlight-on-dark: var(--theme-clr-background_blue);
	--theme-button-highlight-shadow: 0px 0px 4px 3px #7FD2E8;
	--theme-icon-highlight: var(--theme-clr-secondary_orange);
	/* design specifies #8DC63F, but that's not in state guidelines */
	--theme-button-radius: 15px;
	--theme-ui-transition: .2s;
	
	--theme-def-p-height: 1.40;

	--gah-block-padding: 2.5rem;
	--gah-main-area-bottom-margin: 3rem;
	--gah-sidebar-width: 275px;

	--white: #ffffff;
}

@media (prefers-reduced-motion) {
	html {
		--theme-ui-transition: .0;
	}
}

/* Make sure page doesn't scroll sideways on mobile */
#page {
	overflow-x: hidden;
}