:root {
    /*Can be customised*/
    /*Header / Footer*/
    --primary-color: #3d5486; /*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: #d9edf3; /*Sign In / Log In Buttons*/
    --navbar-btn-color-text: #3d5486; /*Sign In / Log In Buttons - Text*/
    /*Content*/
    --primary-color-label: #3d5486; /*Main Text Colour - Labels / Text*/

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

    --additional-alternate-color: #d9edf3; /*Third Colour - Calendars on date/timepicker*/
    --additional-alternate-color-text: #3d5486; /*Third Colour Text - Calendars on date/timepicker*/
    /*Buttons*/
    --continue-btn-color: #acd8e5; /*Continue Buttons*/
    --continue-btn-color-text: #3d5486; /*Continue Buttons - Text*/

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

    --dashboard-edit-btn-color: #acd8e5; /*Dashboard Edit Button*/
    
	/*Standard*/
    --black-color: #000000; /*Not Used*/
    --white-color: #ffffff; /*Background, all things white*/
    --secondary-color: #ffffff; /*Not Used*/
    --secondary-color-dark: #ffffff; /*Not Used*/
    --selected-background-color: #f2f2f2; /*Selcted Background Color*/
    --font-light: 300;
    --font-regular: normal;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: bold;
    --font-black: 900;
    --size-1230px: 76.875rem;
    --size-220px: 13.75rem;
    --size-120px: 7.5rem;
    --size-90px: 5.625rem;
    --size-80px: 5rem;
    --size-65px: 4.063rem;
    --size-60px: 3.75rem;
    --size-46px: 2.875rem;
    --size-42px: 2.625rem;
    --size-30px: 1.30rem;
    --size-28px: 1.75rem;
    --size-25px: 1.563rem;
    --size-20px: 1.25rem;
    --size-18px: 1.125rem;
    --size-16px: 1rem;
    --size-15px: 0.938rem;
    --size-10px: 0.625rem;
    --size-9px: 0.563rem;
    --size-8px: 0.5rem;
    --size-7px: 0.438rem;
    --size-6px: 0.375rem;
    --size-5px: 0.313rem;
    --size-4px: 0.3rem;
    --size-3px: 0.19rem;
    --size-2px: 0.13rem;
}