body {
    /*Colors*/
    --PrimaryColor: #913061;
    --SecondaryColor: #6e2449;
    /*Fonts*/
    /*--FontFamilyPrimary: "Bitcount Prop Single Ink", system-ui;*/
    --FontFamilyPrimary: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    /*Header*/
    --HeaderLinkColour: #F2F2F2;
    --HeaderLinkBackground: var(--PrimaryColor);
    --HeaderLinkBorderRadius: 5px;
    --HeaderLinkHoverColour: white;
    --HeaderLinkTextDecoration: none;
    --HeaderBackground: var(--PrimaryColor);
    --HeaderLogoHeight: 50px;
    --HeaderURL: url(/site/Logo.png);
    /*Footer*/
    --FooterUpperBackground: var(--PrimaryColor);
    --FooterLowerBackground: var(--SecondaryColor);
    --FooterLinkColour: white;
    --FooterBackground: var(--PrimaryColor);
    --FooterHeaderColour: white;
    --FooterCopyrightText: #f8f9fa;
    --FooterLogo: url(/site/Logo.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: var(--PrimaryColor);
    /*Data Grid*/
    --DataGridDataRowBackgroundOdd: white;
    --DataGridDataRowBackground: color-mix(in srgb, var(--PrimaryColor) 10%, transparent);
    --DataGridGroupHeaderBackground: var(--PrimaryColor);
    --DataGridGroupHeaderColour: white;
    /*TabPage Header*/
    --TabHeaderGap: 5px;
    --TabHeaderBackground: color-mix(in srgb, var(--PrimaryColor) 25%, transparent);
    --TabHeaderColour: var(--PrimaryColor);
    --TabHeaderPadding: 10px;
    --TabHeaderTextDecoration: none;
    --TabHeaderActiveBackground: var(--PrimaryColor);
    --TabHeaderActiveColour: white;
    --TabHeaderActiveTextDecoration: none;
    --TabHeaderHoverBackground: var(--PrimaryColor);
    --TabHeaderHoverColour: white;
    --TimelineColour: var(--PrimaryColor);
    --InputPrimaryBorder: 2px solid var(--PrimaryColor);
    --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) 10%, white);
    /*Buttons*/
    --BtnPrimaryColour: white;
    --BtnPrimaryBackground: var(--PrimaryColor);
    --BtnPrimaryBorder: 1px solid var(--PrimaryColor);
    --BtnPrimaryHoverColour: white;
    --BtnPrimaryHoverBackground: #a1a1a1;
    --BtnPrimaryHoverBorder: 1px solid #a1a1a1;
    --BtnSecondaryColour: black;
    --BtnSecondaryBackground: white;
    --BtnSecondaryBorder: 1px solid black;
    --BtnSecondaryHoverColour: black;
    --BtnSecondaryHoverBackground: #e6e6e6;
    --BtnSecondaryHoverBorder: 1px solid black;
    --BtnBorderRadius: var(--BorderRadius);
    --BtnTransition: all 0.1s ease;
    --DetailsColour: white;
    --DetailsBackground: var(--PrimaryColor);
    --DetailsBorder: 1px solid var(--PrimaryColor);
    --LinkColour: var(--PrimaryColor);
    --LinkHoverColour: black;
    --LinkTextDecoration: underline;
    --SearchPagerActiveBackground: var(--PrimaryColor);
    --SearchPagerActiveColour: white;
    --SearchPagerHoverBackground: var(--PrimaryColor);
    --SearchPagerHoverColour: white;
    /*Section seperator*/
    --SectionSeparatorBackground: var(--PrimaryColor);
    --SectionSeparatorHeight: 3px;
    --SectionSeparatorBorder: 0px solid var(--PrimaryColor);
    --SectionSeparatorWidth: 100%;
    --SectionSeparatorMargin: 1.5rem auto 1rem auto;
    /*Documents*/
    --DropZoneBackground: color-mix(in srgb, var(--PrimaryColor) 10%, transparent);
    --DropZoneColour: black;
    --DropZoneBorder: 0;
    --DropZoneHoverBackground: color-mix(in srgb, var(--PrimaryColor) 20%, transparent);
    --DropZoneHoverColour: black;
    --DropZoneHoverBorder: 0;
    /*Other*/
    --BorderRadius: 3px;
    --SearchResultsSeparatorBorder: 1px solid var(--PrimaryColor);
    --ValidationTextColour: FireBrick;
    /*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: #cc709f;
    --CookieBannerLinkHoverColour: var(--PrimaryColor);
    /*Card*/
    --CardTheme: var(--SecondaryColor);
    --CardTitleColour: var(--CardTheme);
    --CardSubtitleColour: color-mix(in srgb, var(--CardTextColour) 75%, var(--CardBackground));
    --CardHeadingColour: var(--CardTheme);
    --CardTextColour: #212529;
    --CardInputLabelTextColour: var(--CardTextColour);
    --CardBackground: white;
    --CardMainIconColour: var(--CardTheme);
    --CardBorder: 1px solid color-mix(in srgb, var(--CardTheme) 50%, var(--CardBackground));
    --CardLineColour: var(--CardTheme);
    --CardBoxShadow: 0 .125rem .25rem color-mix(in srgb, var(--CardTheme) 10%, rgba(0,0,0,0.075));
    /*Messages*/
    --MessageCurrentUserBackground: var(--SecondaryColor);
    --MessageCurrentUserColour: white;
    --MessageCurrentUserBorder: 1px solid var(--SecondaryColor);
    --MessageOtherUserBackground: white;
    --MessageOtherUserColour: var(--SecondaryColor);
    --MessageOtherUserBorder: 1px solid var(--SecondaryColor);
}