/*
 * Theme variables
 *
 */
:root {
	
	--primary-color: rgba(165,17,64,1); /* #a51140, orig: rgba(165,17,64,1) or #941240 */
	--primary-color-darker: rgba(132,0,41,1);
	--secondary-color: #cfbc25;
	--secondary-color-darker: #b4a31a;
	--tertiary-color: #a31642;
	--tertiary-color-darker: #840029;
	
	--quaternary-color: #72C9E4; /* #17B0DF; */
	--quinary-color: yellow;
	
	--color-dark: #172b43;
	--color-dark-lighter: #a7adb5;
	
	--color-grey-medium: #d5d9dd;
	
	--color-grey-light: #eaeaea;
	--color-grey-very-light: #f6f6f6;
	
	--color-grey-warm: #829ba8;
	--color-grey-warm-light: #829ba850;
	
	--bg-color-main: #fff;
	--bg-color-alt: #f4f4f4;
	--bg-color-panel: #fff;
	--bg-color-cta-normal: #f0f0f0;
	--bg-color-label: #000;

	--base-text-color: #222529;
	--base-text-color: #2e353e;
	--base-text-color-white: #fff;
	--base-border-color-white: #fff;
	
	
	--meta-text-color: var(--color-grey-warm);
	
	--button-disabled-color: var(--color-grey-medium);
	--color-deleted-text: #bbb;
	
	--logo-main-color: var(--primary-color);

	
	
	
	--nav-font-color-primary: var(--base-text-color);
	--nav-font-color-primary-hover: var(--primary-color);
	--nav-font-color-secondary: #a31642;
	--nav-font-color-secondary-hover: #000;
	
	--subnav-hover-bg-color: #f6f6f6;
	--nav-border-color: rgba(0,0,0,1);
	--nav-btn-border-color: rgba(0,0,0,0.1);
	--nav-btn-border-color-hover: #E9E9E9;
	--nav-btn-bg-color: rgba(0,0,0,0.1);
	--nav-btn-bg-color-hover: #E9E9E9;
	
	--footer-bg-color: #222529;
	--footer-text-color: rgba(255,255,255,0.8);
	--footer-link-color: rgba(255,255,255,0.8);
	--footer-link-color-hover: rgba(255,255,255,1);
	
	--pre-footer-bg-color:rgba(165,17,64,1);
	--pre-footer-text-color: rgba(255,255,255,0.8);
	--pre-footer-link-color: rgba(255,255,255,0.8);
	--pre-footer-link-color-hover: rgba(255,255,255,1);
	
	
	
	--error-color: #ee0000;
	--error-color-darker: #c10000;
	--input-border-color: #d5d9dd;
	--input-border-color-focus: #b3bac1;
	
	--primary-link-color: #17B0DF;
	--primary-link-color-hover: #1186AA;
	
	--secondary-text-color: #DA4167;
	--tertiary-text-color: #B0C3B9; 
	
	--primary-button-bg-color:  var(--primary-color);
	--primary-button-bg-color-hover:  var(--primary-color-darker);
	--primary-button-text-color: #fff;
	--primary-button-text-color-hover: #fff;
	
	--secondary-button-bg-color: var(--secondary-color);
	--secondary-button-bg-color-hover: var(--secondary-color-darker);
	--secondary-button-text-color: #fff;
	--secondary-button-text-color-hover: #fff;
	
	--secondary-button-bg-color-dark: var(--secondary-color-darker);
	--secondary-button-bg-color-dark-hover: var(--base-text-color);
	--secondary-button-text-color-dark: #fff;
	--secondary-button-text-color-dark-hover: #fff;
	
	
	--tertiary-button-bg-color: #B0C3B9;
	--tertiary-button-bg-color-hover: #8f9c95;
	--tertiary-button-text-color: #fff;
	--tertiary-button-text-color-hover: #fff;
	
	
	
	--main-color-one: rgba(49,118,116,1);
	--main-color-two: rgba(102,169,134,1);
	--main-color-three: rgba(123,175,112,1);
	
	--primary-font: 'mdelphy-sans';
	--secondary-font: 'mdelphy-sans';
	--primary-icon-font: 'Font Awesome 6 Pro';
	
	
	--default-gap: 30px;
	--large-gap: 40px;
	--mini-gap: calc(var(--default-gap) / 3);
	
	--halfwidth-size: calc(50% - calc(var(--default-gap) / 2));
	--thirdwidth-size: calc(33.33% - calc(var(--default-gap) * 2 / 3));
	
	--halfwidth-size-large-gap: calc(50% - calc(var(--large-gap) / 2));
	--thirdwidth-size-large-gap: calc(33.33% - calc(var(--large-gap) * 2 / 3));
	
	--box-shadow-color-default: rgba(0,0,0,0.14);
	--box-shadow-color-subtle: rgba(0,0,0,0.25);
	--box-shadow-color-minimal: rgba(0,0,0,0.1);
}