:root {
    /*Header / Footer*/
    --primary-color: #02515b; /*Main Colour - Header / Footer - Must be dark as the text within is always white, as is the Paws App Logo*/
    --primary-color-text: #ffffff; /*Main Colour - Text - Header / Footer - Must be white as mobile nav bar not yet colour coded*/

    --navbar-btn-color: #3d434c; /*Sign In / Log In Buttons*/
    --navbar-btn-color-text: #ffffff; /*Sign In / Log In Buttons - Text*/
    /*Content*/
    --primary-color-label: #02515b; /*Main Text Colour - Labels / Text*/

    --alternate-color: #4d858c; /*Second Colour - Booking Flow - Non selected steps, Dashboard Titles*/
    --alternate-color-text: #ffffff; /*Second Colour Text - Booking Flow - Non selected steps, Dashboard Titles*/

    --additional-alternate-color: #4d858c; /*Third Colour - Calendars on date/timepicker*/
    --additional-alternate-color-text: #ffffff; /*Third Colour Text - Calendars on date/timepicker*/
    /*Buttons*/
    --continue-btn-color: #02515b; /*Continue Buttons*/
    --continue-btn-color-text: #ffffff; /*Continue Buttons - Text*/

    --cancel-btn-color: #3d434c; /*Cancel Buttons*/
    --cancel-btn-color-text: #ffffff; /*Cancel Buttons - Text*/

    --dashboard-edit-btn-color: #02515b; /*Dashboard Edit Button*/
}