﻿body {
    /*Colors*/
    --PrimaryColor: #b92d5d;
    --SecondaryColor: #8c1b42;
    /*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;
    --HeaderLinkHoverColour: white;
    --HeaderBackground: var(--PrimaryColor);
    --HeaderLogoHeight: 75px;
    --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: 150px;
    --FooterLogoMaxWidth: 100px;
    /*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;
    /*DataGridDataRow*/
    --DataGridDataRowBackground: white;
    --DataGridDataRowBackgroundOdd: lightGray;
    /*TabPage Header*/
    --TabHeaderGap: 5px;
    --TabHeaderBackground: transparent;
    --TabHeaderColour: var(--PrimaryColor);
    --TabHeaderPadding: 10px;
    --TabHeaderTextDecoration: underline;
    --TabHeaderActiveBackground: var(--PrimaryColor);
    --TabHeaderActiveColour: white;
    --TabHeaderActiveTextDecoration: none;
    --TabHeaderHoverBackground: var(--PrimaryColor);
    --TabHeaderHoverColour: white;
    --TimelineColour: var(--PrimaryColor);
    --InputPrimaryBorder: 2px solid black;
    --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: var(--PrimaryColor);
    --BtnPrimaryBackground: white;
    --BtnPrimaryBorder: 2px solid var(--PrimaryColor);
    --BtnPrimaryBoxShadow: 0 0 6px var(--PrimaryColor);
    --BtnPrimaryHoverColour: var(--PrimaryColor);
    --BtnPrimaryHoverBackground: white;
    --BtnPrimaryHoverBorder: 2px solid var(--PrimaryColor);
    --BtnPrimaryBoxShadowHover: 0 0 0 3px var(--PrimaryColor);
    --BtnSecondaryColour: #4d71b8;
    --BtnSecondaryBackground: white;
    --BtnSecondaryBorder: 2px solid #4d71b8;
    --BtnSecondaryBoxShadow: 0 0 6px #4d71b8;
    --BtnSecondaryHoverColour: #4d71b8;
    --BtnSecondaryHoverBackground: white;
    --BtnSecondaryHoverBorder: 2px solid #4d71b8;
    --BtnSecondaryBoxShadowHover: 0 0 0 3px #4d71b8;
    --BtnBorderRadius: 60px;
    --BtnTransition: box-shadow 0.1s linear;
    --DetailsColour: white;
    --DetailsBackground: var(--PrimaryColor);
    --DetailsBorder: 1px solid var(--PrimaryColor);
    --LinkColour: var(--SecondaryColor);
    --LinkHoverColour: var(--PrimaryColor);
    --LinkTextDecoration: none;
    --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: #f7e4ea;
    --DropZoneColour: black;
    --DropZoneBorder: 0;
    --DropZoneHoverBackground: #f5dae2;
    --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: #ffbdd4;
    --CookieBannerLinkHoverColour: var(--PrimaryColor);
}
