:root { --primary: #4aa6dd; --primaryLight: #56b2e9; --primaryDark: #3e9ad1; --primaryOpacity50: rgba(74,166,221,0.5); --secondary: #1a2a4b; --secondaryLight: #263657; --secondaryDark: #0e1e3f; --secondaryOpacity50: rgba(26,42,75,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: #dddddd; --lightLight: #e9e9e9; --lightDark: #d1d1d1; --lightOpacity50: rgba(221,221,221,0.5); --dark: #232427; --darkLight: #2f3033; --darkDark: #17181b; --darkOpacity50: rgba(35,36,39,0.5); --siteBodyColor: #373a3c; --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; --formButtonBGColor: #4aa6dd; --formButtonBGColorDark: #3e9ad1; --formButtonBGColorOpacity50: rgba(74,166,221,0.5); --formButtonFontColor: #ffffff; --basicPageBackgroundColor: #ffffff; --footerBackgroundColor: #4aa6dd; --footerBodyColor: #ffffff; }