:root {
    --main-bg-color: #ffffff;
    --blue-mid:#0066cc;
    --lightgrey:#f1f1f1;
    --forground-light:#000000; 
    --forground-dark:#ffffff;
    --forground-grey:#53565a;
    
    --Theme-0: #009681;
    --Theme-1: #980634;
    --Theme-2: #991e66;
    --Theme-3: #183686;
    --Theme-4: #d34017;
    --Theme-5: #008b4c;
    --Theme-6: #007bc3; 
    --Dark-beige: #e7e6db;
    --Light-beige: #f7f6f3;
    --Primary-beige: #f4f3ed;
     
     /*--Contextual Colours--*/ 
    --success:#B2DCD6; 
    --info:#A6DBFF;
    --warning:#ffc107;
    --danger:#E0555F;
}     

 
/*GLOBAL - COLOURS*/
.bg-green {background-color:var(--Theme-0);}
.bg-red {background-color:#var(--Theme-2);}
.bg-burgundy {background-color: var(--Theme-1);}
.bg-blue {background-color:var(--Theme-3);}
.bg-orange {background-color:var(--Theme-4);}
.bg-blue-mid {background-color:var(--blue-mid)}
.bg-beige {background-color:var(--Primary-biege);}
.bg-lightgrey {background-color:var(--lightgrey);} 
.bg-grey {background-color:var(--forground-grey);}
.bg-sky-blue {background-color:var(--info);} 
.bg-green-light {background-color:var(--success);}
.bg-strawberry {background-color:var(--danger);} 



.border-blue {border: 3px solid var(--blue-mid) !important;}









/*-----------------------------------------------------*/
/*Utilities*/
[hidden] {display: none;}
.hidden {
      display: none !important;
      visibility: hidden;
}
.invisible , hr.invisible {
  visibility: hidden;
}
.clearboth {clear: both;}
.one-em {font-size: 1em;}