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

:root {
    /*Derived theme variables*/
    --primary-hover-color: rgb(from var(--primary-color) r g b / .8);
    --secondary-hover-color: rgb(from var(--secondary-color) r g b / .8);
    --primary-disabled-color: rgb(from var(--primary-color) r g b / .3);
}