/* :root {
    --primary-color: #752A75 ;
    --primary-color-rgb: 35, 73, 130;
    --secondary-color: #678fd5;
    --secondary-color-rgb: 103, 143, 213;
    --tertiary-color: #F4F7FB;
    --tertiary-color-rgb: 244, 247, 251;
} */


:root {
    /* Primary Purple */
    --primary-color: #5d175a;
    --primary-color-rgb: 117, 42, 117;
    
    /* Secondary Dull Purple */
    --secondary-color: #895185;
    --secondary-color-rgb: 154, 107, 154;
    
    /* Tertiary Light Background */
    --tertiary-color: #F4F7FB;
    --tertiary-color-rgb: 244, 247, 251;
    
    /* Accent Orange/Gold (from logo) */
    --quaternary-color: #F7941D;
    --accent-color-rgb: 247, 148, 29;
    
    /* Light Purple for Hover States */
    --hover-color: #B48FB4;
    --hover-color-rgb: 180, 143, 180;
    
    /* Dark Purple for Text */
    --text-dark: #4A1C4A;
    --text-dark-rgb: 74, 28, 74;
    
    /* Light Gray for Subtle Backgrounds */
    --gray-light: #EAEAEA;
    --gray-light-rgb: 234, 234, 234;
    
    /* Medium Gray for Borders */
    --gray-medium: #CCCCCC;
    --gray-medium-rgb: 204, 204, 204;
    
    /* Dark Gray for Secondary Text */
    --gray-dark: #666666;
    --gray-dark-rgb: 102, 102, 102;
    
    /* White */
    --white: #FFFFFF;
    --white-rgb: 255, 255, 255;
    
    /* Black */
    --black: #222222;
    --black-rgb: 34, 34, 34;
    
    /* Success/Error States */
    --success: #4CAF50;
    --success-rgb: 76, 175, 80;
    --error: #F44336;
    --error-rgb: 244, 67, 54;
    --warning: #FFC107;
    --warning-rgb: 255, 193, 7;
    --info: #2196F3;
    --info-rgb: 33, 150, 243;
}

footer{
    /* --title-font-color: black; */
}