:root {
	--space-content: 60px;
	
	--grid-container-max-width-desktop: 1140px;
	--grid-container-max-width-desktop-xl: 1140px;
	
	--ct-footer-link-color: #ddf5f7;
	
	--font-family-gilroy: 'Gilroy', Arial, Helvetica, sans-serif;
	--font-family-primary: var(--font-family-gilroy);
	
	--color-brand-primary: #9EC53E;
	
	--color-primary: #0E91A7;
	--color-secondary: #05444D;
	
	--color-blue-light: #E0F5F7;
	
	--color-neutral-0: #F6F8FB;
	--color-neutral-1: #F6F8FB;
	--color-neutral-2: #F6F8FB;
	
	--color-neutral-3: #E5EAF2;
	--color-neutral-4: #E5EAF2;
	--color-neutral-5: #E5EAF2;
	
	--color-neutral-6: #DAE2EB;
	--color-neutral-7: #DAE2EB;
	--color-neutral-8: #DAE2EB;
	--color-neutral-9: #DAE2EB;
	
	--ft-link-color: var(--color-primary);
	--ft-link-color-hover: var(--color-primary);
	
	--ft-heading-color: var(--color-secondary);
	
	--font-size-h1: 3.5rem;		/*56px*/
	--font-size-h2: 2.25rem;	/*36px*/
	--font-size-h3: 2rem;		/*32px*/
	--font-size-h4: 1.5rem;		/*24px*/
	--font-size-h5: 1.25rem;	/*20px*/
	--font-size-h6: 1.125rem;	/*18px*/
	
	--ft-btn-font-weight: 600;
	--ft-btn-height: 40px;
	--ft-btn-y-padding: 2rem;
	--ft-button-padding: 1.5rem;
	
	--ft-btn-light-color: var(--color-primary);
	--ft-btn-light-color-hover: var(--color-white);
	
	--ft-btn-dark-background: transparent;
	--ft-btn-dark-background-hover: transparent;
	
	--ft-button-font-l: var(--ft-button-font);
	--ft-button-height-l: 52px;
	--ft-button-padding-l: 1.5rem;

	--ft-btn-primary-background: transparent;
	--ft-btn-primary-background-hover: transparent;
	
	--ft-input-border: var(--border-size-s) solid var(--color-neutral-4);
	--ft-input-border-hover: var(--border-size-s) solid var(--color-primary);
	
	--ft-action-border: var(--border-size-s) solid var(--color-neutral-4);
	--ft-action-border-hover: var(--border-size-s) solid var(--color-primary);
	--ft-action-background-active: var(--color-primary);
	--ft-action-background-active-hover: var(--color-primary);
	
	--ct-checkbox-border-radius: 4px;
	--ft-input-color: var(--color-neutral-10);
	
	
	/* Header */
	--ct-header-background: var(--color-white);
	--ct-header-link-font-weight: 600;
	--ct-header-height: 64px;
	--ct-header-box-shadow: 0 1px 8px rgba(154, 154, 154, 0.15);
	--ct-header-link-color: var(--color-secondary);
	--ct-header-link-color-hover: var(--color-primary);
	--ct-header-link-hoverline-color: var(--color-primary);
	
	/* Footer */
	--ct-footer-background-color: var(--color-secondary);
	--ct-footer-font-size: var(--font-size-s);
	--ct-footer-link-color: var(--color-white);
	--ct-footer-text-color: var(--color-white);
	
	--dropdown-menu-item-background-hover: #DDF5F7;
	
	--ct-modal-content-padding: var(--space-l) var(--ft-component-padding);
	--ct-modal-footer-background-color: var(--color-neutral-0);
	--ct-modal-footer-border: 2px solid var(--color-neutral-1);
	
	/* Components */
	--ft-component-padding: 24px;
	
	/* Card */
	--ct-card-border: 1px solid rgba(229, 234, 242, 1);
	--ct-card-border-radius: 4px;
	
	/* Breadcrumb */
	--breadcrumb-icon: var(--dexicon-arrow-right);
	--breadcrumb-icon-font-family: var(--dexicon-font);
	--breadcrumb-font-weight: 600;
	
	/* Navbar */
	--ct-navbar-background: rgba(255,255,255,0.95);
	
	/* Tag */
	--ct-tag-background: rgba(224, 245, 247, 1);
	--ct-tag-color: var(--color-primary);
	
	/* Accordion */
	--ft-component-border: 0;
	--ft-component-border-radius: 0;
	--ft-component-icon-color: var(--color-brand-primary);
	--ft-component-icon-color-active: var(--color-brand-primary);
	--ct-accordion-space-x-l: 0;
}

.dex-footer a:hover {
	--ct-footer-link-color-hover: var(--color-primary);
}

.margin-bottom-content	{margin-bottom: var(--space-content);}
.margin-left-content	{margin-left: var(--space-content);}
.margin-right-content	{margin-right: var(--space-content);}
.margin-top-content		{margin-top: var(--space-content);}

.padding-bottom-content	{padding-bottom: var(--space-content);}
.padding-left-content	{padding-left: var(--space-content);}
.padding-right-content	{padding-right: var(--space-content);}
.padding-top-content	{padding-top: var(--space-content);}

/* -------------------------- MOBILE -------------------------- */
@media (max-width: 991.98px) {
	:root {
		--font-size-h1: 2.25rem;	/*36px*/
		--font-size-h2: 1.75rem;	/*28px*/
		--font-size-h3: 1.5rem;		/*24px*/
		
		--font-size-l: 1rem;	/*16px*/
		
		--font-size-h5: 1.125rem;	/*18px*/
	}
	
	.mb-margin-bottom-content	{margin-bottom: var(--space-content);}
	.mb-margin-left-content	{margin-left: var(--space-content);}
	.mb-margin-right-content	{margin-right: var(--space-content);}
	.mb-margin-top-content		{margin-top: var(--space-content);}

	.mb-padding-bottom-content	{padding-bottom: var(--space-content);}
	.mb-padding-left-content	{padding-left: var(--space-content);}
	.mb-padding-right-content	{padding-right: var(--space-content);}
	.mb-padding-top-content	{padding-top: var(--space-content);}
}