:root { --primary: #666666; --primaryLight: #727272; --primaryDark: #5a5a5a; --primaryOpacity50: rgba(102,102,102,0.5); --secondary: #888888; --secondaryLight: #949494; --secondaryDark: #7c7c7c; --secondaryOpacity50: rgba(136,136,136,0.5); --success: #5dd635; --successLight: #69e241; --successDark: #51ca29; --successOpacity50: rgba(93,214,53,0.5); --info: #f65fc8; --infoLight: #ff6bd4; --infoDark: #ea53bc; --infoOpacity50: rgba(246,95,200,0.5); --warning: #ffdb57; --warningLight: #ffe763; --warningDark: #f3cf4b; --warningOpacity50: rgba(255,219,87,0.5); --danger: #f82754; --dangerLight: #ff3360; --dangerDark: #ec1b48; --dangerOpacity50: rgba(248,39,84,0.5); --light: #f8f9fa; --lightLight: #ffffff; --lightDark: #ecedee; --lightOpacity50: rgba(248,249,250,0.5); --dark: #212529; --darkLight: #2d3135; --darkDark: #15191d; --darkOpacity50: rgba(33,37,41,0.5); --siteBackgroundColor: #ffffff; --siteBodyColor: #08348c; --siteBodyFontFamily: var(--bodyFontFamily); --siteBodyFontSize: 16px; --siteHeadingFontFamily: var(--headingFontFamily); --siteHeadingsColor: #373a3c; --siteHeadingsFontSizeH1: 37px; --siteHeadingsFontSizeH1Mobile: 31.45px; --siteHeadingsFontSizeH2: 33px; --siteHeadingsFontSizeH2Mobile: 28.05px; --siteHeadingsFontSizeH3: 28px; --siteHeadingsFontSizeH3Mobile: 23.8px; --siteHeadingsFontSizeH4: 24px; --siteHeadingsFontSizeH4Mobile: 20.4px; --siteHeadingsFontSizeH5: 20px; --siteHeadingsFontSizeH5Mobile: 17px; --siteHeadingsFontSizeH6: 16px; --siteHeadingsFontSizeH6Mobile: 16px; --splashpageButtonBackgroundColor: #08348c; --splashpageButtonBackgroundColorDark: #002880; --splashpageButtonBackgroundColorOpacity50: rgba(8,52,140,0.5); --splashpageButtonColor: #ffffff; --formBackgroundColor: #eeeeee; --formButtonBGColor: #08348c; --formButtonBGColorDark: #002880; --formButtonBGColorOpacity50: rgba(8,52,140,0.5); --footerBackgroundColor: #08348c; --footerBodyColor: #ffffff; }