:root {
--primary-color: #4B89DC;
--secondary-color: #7AC6FF;
--accent-color: #8CFF73;
--background-color: #F4F7FF;
--background-secondary-color: #E8F0FF;
--background-gradient: linear-gradient(135deg, var(--background-colour), var(--background-secondary-colour));
--button-hover-colour: #2F5FBF;
--text-shadow-colour: rgba(0, 0, 0, 0.2);
--link-colour: #4B89DC;
--extra-colour-1: #EAF2FF;
--extra-colour-2: #D6E9FF;
--extra-colour-3: #A9D0FF;
--extra-colour-4: #F0F6FF;
}