/**
 * Default colors for all non-themed pages
 */
body {
	--yellow: #f5c32f;
	--dark-yellow: #efb930;
	--darker-yellow: #e8b031;
	--teal: #127287;
	--teal-trans: #12728754;
	--dark-teal: rgba(15, 92, 107);
	--darker-teal: rgb(9, 66, 80);
	--darkest-teal: rgb(5, 54, 64);
	--light-teal: rgb(238,245,247);
	--light-teal-trans: #89b8c424;
	--rose: #794251;
	--dark-rose: #6f3847;
	--darker-rose: #652e3d;
	--light-rose: #e0bab6;
	--gray: #B3B3B3;
	--grey: var(--gray);
	--medium-gray: #d6d6d6;
	--medium-grey: var(--medium-gray);
	--light-gray: #f6f6f6;
	--lighter-gray: #f8f8f8;
	--light-grey: var(--light-gray);
	--light-gray-trans: #c6c6c642;
	--light-grey-trans: var(--light-gray-trans);
	--dark-gray: #404040;
	--dark-grey: var(--dark-gray);
	--dark-gray-trans: #404040d0;
	--dark-grey-trans: var(--dark-gray);
	--gray-trans: #4040400a;
	--grey-trans: var(--gray-trans);
	--green: #77a464;
	--light-green: #b6d78e;
	--success: var(--green);
	--error: var(--rose);
	--price: var(--teal);
	--red: #cc0000;
	--dark-red: #aa0000;
	--darker-red: #880000;
	--darkest-red: #550000;
	--cream: #f7f5f2;
	--cream-trans: #f7f5f298;
	--order-active: #8dbf5a90;
	--order-active-text: #578444;
	--order-complete: var(--order-active);
	--order-complete-text: var(--order-active-text);
	--order-cancelled: var(--light-gray-trans);
	--order-cancelled-text: #40404060;
	--order-expired: var(--light-teal-trans);
	--order-expired-text: var(--teal);
	--order-failed: #aa000032;
	--order-failed-text: #aa0000a9;
	--order-pending-payment: #f5c32f32;
	--order-pending-payment-text: #d5a30f;
	--order-processing: #89b8c442;
	--order-processing-text: #598894;
	--order-pending-approval: #89b8c442;
	--order-pending-approval-text: #598894;
	--order-subscription-on-hold: #f5c32f32;
	--order-subscription-on-hold-text: #d5a30f;
	--primary: var(--yellow);
	--primary-light: var(--yellow);
	--light-primary: var(--primary-light);
	--secondary-hover: var(--dark-teal);
	--secondary-active: #0c4a54;
	--secondary-button: var(--teal);
	--secondary-button-hover: var(--dark-teal);
	--secondary-button-active: var(--darker-teal);
	--secondary-button-text: white;
	--secondary-button-text-hover: white;
	--link: var(--teal);
	--link-hover: var(--rose);
	--header-bg: #fff;
	--header-link: var(--teal);
	--header-link-hover: var(--yellow);
	--header-link-active: var(--yellow);
	--header-font: MyMontserrat, sans-serif;
	--primary: var(--teal);
	--primary-hover: #606060;
	--primary-active: #505050;
	--primary-button: var(--yellow);
	--primary-button-hover: var(--dark-yellow);
	--primary-button-active: var(--darker-yellow);
	--primary-button-text: black;
	--primary-button-text-hover: black;
	--tertiary: #e3e3e3;
	--base-font-color: #000;
	--base-font: MyMontserrat, sans-serif;
	/* --base-font: MyFutura, Futura, sans-serif; */
	--base-background-color: white;
	/* --default-border-radius: 20px; */
	--default-border-radius: 2em;
	--default-gap: 15px;
	--small-border-radius: 12px;
	--small-gap: 7px;
	--heading: #201d1e;
	--text-muted: #6c757d;
	--footer-bg: #89b8c4;
	--footer-text: white;
	--bg-light: var(--cream-trans);
	--bg-light2: var(--light-teal-trans);
	--bg-trans: rgba(255, 255, 255, 0.87);
	--bg-dark: var(--teal);
	--bg-blur: blur(5px);
	--default-border-color: var(--medium-grey);
	--base-border-color: var(--default-border-color);
	--default-border: 1px solid var(--default-border-color);
	--input-background: #fff;
	--input-text: var(--base-font-color);
	--input-border: var(--gray);
	--input-placeholder: var(--input-border);
	--input-focus: var(--gray);
	--input-readonly-background: #eee;
	--button-disabled: var(--gray);
	--button-disabled-text: white;
	--input-readonly-border: #aaa;
	--input-readonly-text: #aaa;
	--parallax-opacity: 1;
	--default-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
	--img-opacity: 1;
	--default-transition-duration: 0.15s;
	--default-transition: color var(--default-transition-duration) ease-in-out,
		background-color var(--default-transition-duration) ease-in-out,
		border-color var(--default-transition-duration) ease-in-out,
		box-shadow var(--default-transition-duration) ease-in-out,
		filter var(--default-transition-duration) ease-in-out;
	--error-stroke: .25px rgba(255, 255, 255, 0.25);
	--button-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	--txt-narrow-width: 900px;
	--txt-narrower-width: 700px;
}