:root {
        --primary-color: #4a148c;
        --primary-light: #7c43bd;
        --primary-dark: #12005e;
        --secondary-color: #ff6d00;
        --secondary-light: #ff9e40;
        --secondary-dark: #c43c00;
        --text-on-primary: #ffffff;
        --text-on-secondary: #000000;
        --background-color: #f5f5f5;
        --card-color: #ffffff;
        --success-color: #4caf50;
        --error-color: #f44336;
        --warning-color: #ff9800;
        --border-radius: 8px;
        --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }