:root {
    /*SCM.HELLA theme variables*/
    --primary-color: #172b7d;
    --secondary-color: #2ee4d9;
    --primary-hover-color: #1d379f;
    --secondary-hover-color: #16aca2;
    --calendar-title-color: #172b7d;
    --court-name-color: #333333;
    --reservation-text-color: #ffffff;
}