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

    --alternate-color: #6EC1E4; /*Second Colour - Booking Flow - Non selected steps, Dashboard Titles*/
    --alternate-color-text: #1D3763; /*Second Colour Text - Booking Flow - Non selected steps, Dashboard Titles*/

    --additional-alternate-color: #6EC1E4; /*Third Colour - Calendars on date/timepicker*/
    --additional-alternate-color-text: #1D3763; /*Third Colour Text - Calendars on date/timepicker*/
    /*Buttons*/
    --continue-btn-color: #D12027; /*Continue Buttons*/
    --continue-btn-color-text: #ffffff; /*Continue Buttons - Text*/

    --cancel-btn-color: #1D3763; /*Cancel Buttons*/
    --cancel-btn-color-text: #ffffff; /*Cancel Buttons - Text*/

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