/* Color Variables */
:root {
    --deep-purple: #570f41;
    --magenta-pink: #d52978;
    --orange: #e58824;
    --lime-green: #aed255;
    --teal-green: #56ba88;
    --cyan-blue: #0ba3c1;
    
    --primary-color: var(--deep-purple);
    --primary-hover: #48083A;
    --secondary-color: var(--magenta-pink);
    --accent-color: var(--orange);
    --success-color: var(--lime-green);
    --info-color: var(--cyan-blue);
    --alt-color: var(--teal-green);
    
    --primary-light: #f8ebf5;
    --background-color: #f5f2f7; /* Softer background color */
    --text-dark: #333333;
    --text-medium: #555555;
    --text-light: #6e6e6e;
}

/* Improved accessibility */
body {
    font-size: 16px;
    line-height: 1.5;
}