:root {
    /*Header / Footer*/
    --primary-color: #B03339; /*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: #cccccc; /*Sign In / Log In Buttons*/
    --navbar-btn-color-text: #000000; /*Sign In / Log In Buttons - Text*/
    /*Content*/
    --primary-color-label: #000000; /*Main Text Colour - Labels / Text*/

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

    --additional-alternate-color: #cccccc; /*Third Colour - Calendars on date/timepicker*/
    --additional-alternate-color-text: #000000; /*Third Colour Text - Calendars on date/timepicker*/
    /*Buttons*/
    --continue-btn-color: #B03339; /*Continue Buttons*/
    --continue-btn-color-text: #ffffff; /*Continue Buttons - Text*/

    --cancel-btn-color: #cccccc; /*Cancel Buttons*/
    --cancel-btn-color-text: #000000; /*Cancel Buttons - Text*/

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