@import 'fonts.css';

:root {
    /*Main colour for elements*/
    --colDefMain: #0e5ab7; /*hsl(213deg 86% 39%)*/
    --colDefMainHover: #1067d1; /*hsl(213deg 86% 44%)*/
    --colDefMainActive: #0d54ab; /*hsl(213deg 86% 36%)*/
    /*Alternate colour for elements*/
    --colDefAlt: #0091f8; /*hsl(205deg 100% 49%)*/
    --colDefAltHover: #149dff; /*hsl(205deg 100% 54%)*/
    --colDefAltActive: #0083e0; /*hsl(205deg 100% 44%)*/
    /*Main/Alternate button colours (Not fully implemented)*/
    --colButMain: var(--colDefMain);
    --colButMainHover: var(--colDefMainHover);
    --colButMainActive: var(--colDefMainActive);
    --colButAlt: var(--colDefAlt);
    --colButAltHover: var(--colDefAltHover);
    --colButAltActive: var(--colDefAltActive);
    /*Return/Delete colours*/
    --colButReturn: #ff0000;
    --colButReturnHover: #ff3f2e;
    --colButReturnActive: #D50000;
    /*--colButReturn: #0EAFB7;*/ /*#160eb7  #0eafb7  Testing other colours*/
    /*--colButReturnHover: #10c7d1;*/ /*hsl(183deg 86% 44%)*/
    /*--colButReturnActive: #0c9aa1;*/ /*hsl(183deg 86% 34%)*/
    --colButDelete: #ff0000;
    --colButDeleteHover: #ff3f2e;
    --colButDeleteActive: #D50000;
    /*Skip colours*/
    --colButSkip: #fad505; /*hsl(51deg 96% 50%)*/
    --colButSkipHover: #fbde37; /*hsl(51deg 96% 60%)*/
    --colButSkipActive: #e1c005; /*hsl(51deg 96% 45%)*/
    /*Continue/Approve(Save) colours*/
    --colButContinue: #38db1f; /*hsl(112deg 75% 49%)*/
    --colButContinueHover: #49e232; /*hsl(112deg 75% 54%)*/
    --colButContinueActive: #32c41c; /*hsl(112deg 75% 44%)*/
    --colButApprove: #00CC00; /*hsl(120deg 100% 40%)*/
    --colButApproveHover: #00db00; /*hsl(120deg 100% 43%)*/
    --colButApproveActive: #00b300; /*hsl(120deg 100% 35%)*/
    /*Reject/Reset colours*/
    --colButReject: #ffc000; /*hsl(45deg 100% 50%)*/
    --colButRejectHover: #fc3; /*hsl(45deg 100% 60%)*/
    --colButRejectActive: #DCAC0A;
    --colButReset: #fd7e14; /*hsl(27deg 98% 54%)*/
    --colButResetHover: #ff932e; /*hsl(29deg 100% 59%)*/
    --colButResetActive: #f16e00;
    /*Calculate colours*/
    --colButCalculate: #ffc000;
    --colButCalculateHover: #fc3;
    --colButCalculateActive: #dcac0a;
    /*Header colour*/
    --colPageHeader: #ffffff;
    --colPageNavBar: #dcdcdc;
    --colPageNavText: #777;
    --colPageNavSelection: #aaa;
    --typeFontNavBar: calibri, Catamaran, Arial;
    --colPageNavTextHover: #48abf1;
    /*Header*/
    --textSizeHeaderUsername: 13px;
    --typeFontHeaderUsername: Montserrat, Arial;
    /*Main page colour*/
    --colPageBG: #012060;
    --colPageMain: #fff;
    --colPageMainAlt: #6db3f8;
    --colPageMainSelect: var(--colPageMain);
    --colPageMainFooter: #ffffff;
    /*Border variables*/
    --colBorderDef: #ccc;
    --defBorder: 0.1px solid var(--colBorderDef);
    /*Table variables*/
    --colTableBG: #fff;
    --colTableHead: var(--colDefMain);
    --colTableHeadText: var(--colTextBrightDef);
    --colTableAltBG: #fff;
    --colTableBorder: #ccc;
    --defTableBorder: 0.1px solid var(--colTableBorder);
    --typeFontTable: var(--typeFontDef);
    /*Text colours*/
    --colTextDefault: #848484;
    --colTextBrightDef: #fff;
    --colTextAltDef: #666;
    --colTextAltDarkDef: #333;
    --colTextColored: var(--colDefMain);
    --colErrorText: red; /*Not in the right standard*/
    --colTextError: red; /*New standard*/
    --colTextImportant: red;
    /*Text sizes new standard*/
    --sizeFontDef-4: 9px; /*Was 7px*/
    --sizeFontDef-3: 10px; /*Was 8px*/
    --sizeFontDef-2: 11px; /*Was 9px*/
    --sizeFontDef-1: 12px; /*Was 10px (8pt)*/
    --sizeFontDef0: 13px; /*Was 11px*/
    --sizeFontDef1: 14px; /*Was 12px*/
    --sizeFontDef2: 15px; /*Was 13px (10pt)*/
    --sizeFontDef3: 16px; /*Was 14px*/
    --sizeFontDef4: 17px; /*Was 15px*/
    --sizeFontDef5: 18px; /*Was 16px*/
    --sizeFontDef7: 20px; /*Was 18px*/
    /*Text sizes old standard*/
    --sizeTextTinierDef: var(--sizeFontDef-4);
    --sizeTextSmallerDef: var(--sizeFontDef-2);
    --sizeTextSmallDef: var(--sizeFontDef-1);
    --sizeTextDef: var(--sizeFontDef0);
    --sizeTextBigDef: var(--sizeFontDef1);
    --sizeTextBiggerDef: var(--sizeFontDef3);
    --sizeTextLargeDef: var(--sizeFontDef4);
    --sizeTextLargerDef: var(--sizeFontDef5);
    /*Text weight [Normal = 400, Bold = 700]*/
    --weightTextDef: 400; /*Normal*/
    --weightTextHeavyDef: 600;
    --weightTextBoldDef: 700; /*Bold*/
    /*Text misc*/
    --typeFontDef: Calibri, Catamaran, 'Saira Semi Condensed', Verdana, Arial, Sans-Serif; /*Test font: Segoe Script, */
    --defFont: var(--weightTextDef) var(--sizeTextDef) var(--typeFontDef); /*Default weight, size and type*/
    /*Button*/
    --typeFontMainButDef: Calibri, Catamaran, 'Saira Semi Condensed', Arial, Sans-Serif; /*'franklin_gothic_medium_condRg', Verdana, Arial;*/
    --typeFontAltButDef: Verdana, Arial, Sans-Serif; /*Used in actionWindow for VAT Std & Zer buttons, only place currently used*/
    --typeFontMainPageButDef: var(--typeFontMainButDef);
    --colTextButDef: var(--colTextBrightDef);
    --sizeFontButtonDef: var(--sizeFontDef3, 14px);
    --sizeFontButtonMain: var(--sizeFontDef2);
    --sizeFontButtonSmall: var(--sizeFontDef0);
    --weightFontButtonMain: 400;
    --radBordButtonDef: 0px;
    /*Drop down selection*/
    --sizeFontDDSelBut: var(--sizeFontDef1);
    /*Tooltip*/
    --colTooltipBG: var(--colDefMain);
    --colTooltipBorder: #002299;
    --colTooltipText: var(--colTextBrightDef);
    --typeFontTooltip: var(--typeFontDef);
    --sizeFontTooltip: var(--sizeFontDef0);
    --sizeBorderTooltip: 1px;
    --sizeBorderRadiusTooltip: 0px; /*5px;*/
    --sizePaddingTooltip: 5px;
    /*Expense system*/
    --colExpTextButDefHover: #00FF01;
}