/* Updated Updated 07/16/2024 5:45:00 PM */

@import "Snippets/Misc.css";
@import "Snippets/UI.css";
@import "Snippets/Icons.css";					
@import "Snippets/Buttons.css";
@import "Snippets/Forms.css";				
@import "Snippets/AlertBar.css";				
@import "Snippets/Masthead.css";
@import "Snippets/Footer.css";
@import "Snippets/Posts.css";
@import "Snippets/Widgets.css";
@import "Snippets/Home.css";
@import "Snippets/Info.css";
@import "Snippets/Newsletter.css";
@import "Snippets/Privacy.css";
@import "Snippets/BottomBar.css";
@import "Snippets/Popup.css";

@import "Snippets/Share.css";

:root { 
--White: #FFFFFF; 
--Gray10: #DFE1E3;
--Gray20: #B0B3B8;
--Gray30: #909090;
--Gray40: #424345;
--Gray50: #242529;
--Gray60: #17181C;
--Gray70: #0F1013;
--Gray80: #151515;
--Gray90: #090A0C;
--Black: #000000;
--Red: #FF0000;
--Blue: #3366FF;
--Yellow: #FFF799;
--Orange: #E76C29;
--Trans1:  rgba(0,0,0,0);
--Trans2:  rgba(0,0,0,.8);
--Trans3:  rgba(255,255,255,.6);
--Trans4:  rgba(47,47,47,.95);
--Trans5:  rgba(0,0,0,.4);
--Trans6:  rgba(255,255,255,.2);
}

/* ////////////////////////////////////////////////////////////////// */

@media (prefers-color-scheme: light) {
:root { 
--Primary: var(--Blue); 
--Body: var(--White);
--Input: var(--Gray10);
--Text: var(--Gray50);
--LinkColor: var(--Primary);
--Headline: var(--Black);
--MenuBackground: var(--Black);
--MenuBorder: var(--Gray50);
--MenuSubhead: var(--Gray30);
--MenuText: var(--Gray30);
--MenuLink: var(--Gray10);
--MenuHover: var(--Gray50);
--DropdownBackground: var(--Black);
--DropdownBorder: var(--Gray50);
--DropdownText: var(--Gray60);
--DropdownLink: var(--White);

--NavBackground: var(--Primary);
--NavColor: var(--White);
--NavText: var(--Gray50);
--NavBorder: var(--Gray50);

--IconBackground: var(--White);
--IconBorder: var(--Gray20);
--Alert: var(--Red);
--AlertBarBackground: var(--Primary);
--AlertBarText: var(--White);
--AlertBarLink: var(--White);
--HomePromoBackground: var(--Gray80);
--HomePromoHeadline: var(--White);
--HomePromoText: var(--Gray20);
--PostTitle: var(--Black);
--PostText: var(--Gray60);
--PostBorder: var(--Gray20);
--MastheadBackground: var(--Black);
--MastheadBorder: var(--Gray50);
--MastheadText: var(--White);
--MastheadLink: var(--White);
--MastheadHover: var(--Gray50);
--FooterBackground: var(--Gray90);
--FooterText: var(--Gray20);
--FooterLink: var(--White);
--FooterSubhead: var(--White);
--FooterInputBackground: var(--Gray50);
--FooterInputText: var(--White);
--DisclaimerBackground: var(--Black);
--DisclaimerText: var(--Gray30);
--DisclaimerLink: var(--Gray10);
--DisclaimerBorder: var(--Gray50);
--BottomBarBackground: var(--Primary);
--BottomBarText: var(--White);
--InfoHeadline: var(--Black);
--InfoText: var(--Gray80);
--InfoLink: var(--Primary);

--TestimonialHeadline: var(--Black);
--TestimonialText: var(--Gray50);

}
}

@media (prefers-color-scheme: dark) {
:root { 
--Primary: var(--Blue); 
--Body: var(--Gray80);
--Input: var(--White);
--Text: var(--Gray10);
--LinkColor: var(--Primary);
--Headline: var(--White);
--HeadlineLink: var(--White);
--MenuBackground: var(--Black);
--MenuBorder: var(--Gray50);
--MenuSubhead: var(--Gray30);
--MenuText: var(--Gray30);
--MenuLink: var(--Gray10);
--MenuHover: var(--Gray50);
--DropdownBackground: var(--Black);
--DropdownBorder: var(--Gray50);
--DropdownText: var(--Gray60);
--DropdownLink: var(--White);

--NavBackground: var(--Primary);
--NavColor: var(--White);
--NavText: var(--Gray50);
--NavBorder: var(--Gray50);

--IconBackground: var(--White);
--IconBorder: var(--Gray50);
--Alert: var(--Red);
--AlertBarBackground: var(--Primary);
--AlertBarText: var(--White);
--AlertBarLink: var(--White);
--HomePromoBackground: var(--Gray80);
--HomePromoHeadline: var(--White);
--HomePromoText: var(--Gray20);
--PostTitle: var(--White);
--PostText: var(--Gray20);
--PostBorder: var(--Gray80);
--MastheadBackground: var(--Black);
--MastheadBorder: var(--Gray50);
--MastheadText: var(--White);
--MastheadLink: var(--White);
--MastheadHover: var(--Gray50);

--FooterBackground: var(--Gray90);
--FooterText: var(--Gray20);
--FooterLink: var(--White);
--FooterSubhead: var(--White);
--FooterInputBackground: var(--Gray50);
--FooterInputText: var(--White);

--DisclaimerBackground: var(--Black);
--DisclaimerText: var(--Gray30);
--DisclaimerLink: var(--Gray10);
--DisclaimerBorder: var(--Gray50);
--BottomBarBackground: var(--Primary);
--BottomBarText: var(--White);
--InfoHeadline: var(--White);
--InfoText: var(--Gray10);
--InfoLink: var(--Primary);

--TestimonialHeadline: var(--White);
--TestimonialText: var(--Gray20);

}
}

/* ////////////////////////////////////////////////////////////////// */