:root {
    /* --background-colour: #ffffff; */
    --text-colour: var(--c_purple_darker);
    --primary-colour: var(--c_purple_dark);
    --secondary-colour: var(--c_purple);
    --accent-colour: var(--c_purple_light);
    --background-colour: var(--c_purple_lighter);
    --success-colour: #28a745;
    --danger-colour: #dc3545;
    --warning-colour: #ffc107;
    --info-colour: #17a2b8;
    --light-colour: var(--c_purple_light);
    --dark-colour: var(--c_purple_dark);
    --border-colour: var(--c_purple_dark);
    --shadow-colour: rgba(0, 0, 0, 0.1);
    
    /* Header * /
    --header-bg: #f8f9fa;
    --header-text: #333333;
    
    /* Footer * /
    --footer-bg: #f8f9fa;
    --footer-text: #6c757d;
    
    /* Navigation * /
    --nav-bg: #ffffff;
    --nav-text: #333333;
    --nav-hover-bg: #f1f3f5;
    --nav-hover-text: #007bff;
    
    /* Buttons * /
    --Button-primary-bg: #007bff;
    --Button-primary-text: #ffffff;
    --Button-secondary-bg: #6c757d;
    --Button-secondary-text: #ffffff;
    
    /* Forms * /
    --input-bg: #ffffff;
    --input-border: #ced4da;
    --input-text: #495057;
    --input-focus-border: #80bdff;
    
    /* Cards * /
    --card-bg: #ffffff;
    --card-border: #dee2e6;
    --card-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    */
}