body {
    /*Colors*/
    --PrimaryColor: #0095AD;
    --SecondaryColor: #004467;
    /*Fonts*/
    --FontFamilyPrimary: "Montserrat", sans-serif;
    font-weight: 600;
    /*Header*/
    --HeaderLinkColour: #F2F2F2;
    --HeaderLinkHoverColour: white;
    --HeaderBackground: var(--PrimaryColor);
    --HeaderLogoHeight: 50px;
    --HeaderURL: url(/site/SOLogo.png);
    /*Footer*/
    --FooterUpperBackground: var(--SecondaryColor);
    --FooterLowerBackground: var(--PrimaryColor);
    --FooterLinkColour: white;
    --FooterBackground: var(--SecondaryColor);
    --FooterHeaderColour: white;
    --FooterCopyrightText: white;
    --FooterLogo: url(/site/SOLogo.png);
    --FooterLogoMaxHeight: 100px;
    --FooterLogoMaxWidth: 150px;
    /*Display Label*/
    --DisplayLabelColour: black;
    --DisplayLabelBackground: transparent;
    --DisplayLabelPadding: auto auto auto 5px;
    --DisplayLabelFontWeight: 600;
    /*Display Value*/
    --DisplayValueBackground: transparent;
    --DisplayValueColour: black;
    --DisplayValuePadding: auto;
    /*Display Grid Break*/
    --DisplayGridBreakHeight: 10px;
    --DisplayGridBreakMargin: 10px 0px;
    --DisplayGridBreakBackground: lightGray;
    /*DataGrid */
    --DataGridDataRowBackgroundOdd: lightGray;
    /*TabPage Header*/
    --TabHeaderGap: 5px;
    --TabHeaderBackground: transparent;
    --TabHeaderColour: var(--SecondaryColor);
    --TabHeaderPadding: 10px;
    --TabHeaderTextDecoration: underline;
    --TabHeaderActiveBackground: #365c89;
    --TabHeaderActiveColour: white;
    --TabHeaderActiveTextDecoration: none;
    --TabHeaderHoverBackground: #365c89;
    --TabHeaderHoverColour: white;
    --TimelineColour: #365c89;
    --InputPrimaryBorder: 2px solid var(--SecondaryColor);
    --InputPrimaryColour: black;
    --InputPrimaryBackground: white;
    --InputCheckboxPrimaryBackgroundColour: var(--PrimaryColor);
    --InputCheckboxPrimaryBorder: 2px solid var(--PrimaryColor);
    --InputRadioPrimaryBackground: var(--PrimaryColor);
    --InputRadioPrimaryBorder: 2px solid var(--PrimaryColor);
    --InputFocusBackground: color-mix(in srgb, var(--PrimaryColor) 5%, transparent);
    /*Buttons*/
    --BtnPrimaryColour: white;
    --BtnPrimaryBackground: var(--PrimaryColor);
    --BtnPrimaryBorder: 1px solid var(--PrimaryColor);
    --BtnPrimaryHoverColour: white;
    --BtnPrimaryHoverBackground: var(--SecondaryColor);
    --BtnPrimaryHoverBorder: 1px solid var(--SecondaryColor);
    --BtnSecondaryColour: white;
    --BtnSecondaryBackground: var(--SecondaryColor);
    --BtnSecondaryBorder: 1px solid var(--PrimaryColor);
    --BtnSecondaryHoverColour: white;
    --BtnSecondaryHoverBackground: var(--PrimaryColor);
    --BtnSecondaryHoverBorder: 1px solid var(--PrimaryColor);
    --BtnBorderRadius: var(--BorderRadius);
    --BtnTransition: all 0.1s ease;
    --DetailsColour: white;
    --DetailsBackground: var(--PrimaryColor);
    --DetailsBorder: 1px solid var(--PrimaryColor);
    --LinkColour: var(--SecondaryColor);
    --LinkHoverColour: var(--PrimaryColor);
    --LinkTextDecoration: none;
    --SearchPagerActiveBackgroundColour: var(--PrimaryColor);
    --SearchPagerActiveColour: white;
    --SearchPagerHoverBackgroundColour: var(--PrimaryColor);
    --SearchPagerHoverColour: white;
    /*Sectopm seperator*/
    --SectionSeparatorBackground: var(--PrimaryColor);
    --SectionSeparatorHeight: 3px;
    --SectionSeparatorBorder: 0px solid var(--PrimaryColor);
    --SectionSeparatorWidth: 100%;
    --SectionSeparatorMargin: 1.5rem auto 1rem auto;
    /*Documents*/
    --DropZoneBackground: #dff2f5;
    --DropZoneColour: black;
    --DropZoneBorder: 0;
    --DropZoneHoverBackground: #cbedf2;
    --DropZoneHoverColour: black;
    --DropZoneHoverBorder: 0;
    /*Other*/
    --BorderRadius: 3px;
    --SearchResultsSeparatorBorder: 1px solid var(--SecondaryColor);
    --ValidationTextColour: FireBrick;
    --SuccessColour: var(--PrimaryColor);
    /*Cookie Banner*/
    --CookieBannerColour: white;
    --CookieBannerBackgroundColour: #222;
    --CookieBannerButtonColour: var(--BtnPrimaryColour);
    --CookieBannerButtonBackground: var(--BtnPrimaryBackground);
    --CookieBannerButtonBorder: var(--BtnPrimaryBorder);
    --CookieBannerButtonHoverColour: var(--BtnPrimaryHoverColour);
    --CookieBannerButtonHoverBackground: var(--BtnPrimaryHoverBackground);
    --CookieBannerButtonHoverBorder: var(--BtnPrimaryHoverBorder);
    --CookieBannerLinkColour: var( --LinkColour);
    --CookieBannerLinkHoverColour: var(--LinkHoverColour);
}