:root {
    /* Bootstrap primary override */
    --bs-primary: #AE7BE2;
    --bs-primary-rgb: 174, 123, 226;

    /* Primary Colors - Educational Theme */
    --primary-dark: #AE7BE2;      /* Blue - Trust, Education */
    --primary-light: #764ba2;     /* Purple - Creativity, Learning */
    --primary-accent: #f2c314;    /* Yellow - Energy, Positivity */
    
    /* Secondary Colors */
    --secondary-light: #e2e2e1;   /* Light gray */
    --secondary-dark: #6c757d;    /* Dark gray */
    
    /* Text Colors */
    --text-dark: #1d1d1d;         /* Dark text */
    --text-light: #ffffff;        /* Light text */
    --text-gray: #8b8f8f;         /* Gray text */
    
    /* Background Colors */
    --bg-light: #f5f5f5;          /* Light background */
    --bg-white: #ffffff;          /* White background */
    
    /* Success/Error Colors */
    --success: #28a745;           /* Green for success */
    --error: #dc3545;             /* Red for errors */
    --warning: #ffc107;           /* Yellow for warnings */
    --info: #17a2b8;              /* Blue for info */
    
    /* Gradient Colors */
    --gradient-primary: linear-gradient(135deg, #AE7BE2 0%, #764ba2 100%);
    --gradient-secondary: linear-gradient(135deg, #f2c314 0%, #f39c12 100%);
    
    /* Shadow Colors */
    --shadow-light: rgba(0, 0, 0, 0.1);
    --shadow-medium: rgba(0, 0, 0, 0.15);
    --shadow-dark: rgba(0, 0, 0, 0.2);
    
    /* Border Colors */
    --border-light: #dee2e6;
    --border-medium: #adb5bd;
    --border-dark: #6c757d;
}

/* Bootstrap Color Overrides */
.text-primary {
    color: var(--primary-dark) !important;
}

.bg-primary {
    background-color: var(--primary-dark) !important;
}

.btn-primary {
    background-color: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
}

.btn-primary:hover {
    background-color: var(--primary-light) !important;
    border-color: var(--primary-light) !important;
}

.text-warning {
    color: var(--primary-accent) !important;
}

.bg-warning {
    background-color: var(--primary-accent) !important;
}

.btn-warning {
    background-color: var(--primary-accent) !important;
    border-color: var(--primary-accent) !important;
    color: var(--text-dark) !important;
}

.btn-warning:hover {
    background-color: #e6b800 !important;
    border-color: #e6b800 !important;
    color: var(--text-dark) !important;
}

/* Custom Educational Colors */
.text-education {
    color: var(--primary-dark);
}

.bg-education {
    background-color: var(--primary-dark);
}

.text-learning {
    color: var(--primary-light);
}

.bg-learning {
    background-color: var(--primary-light);
}

.text-energy {
    color: var(--primary-accent);
}

.bg-energy {
    background-color: var(--primary-accent);
}

/* Gradient Classes */
.gradient-primary {
    background: var(--gradient-primary);
}

.gradient-secondary {
    background: var(--gradient-secondary);
}

/* Text Gradients */
.text-gradient-primary {
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.text-gradient-secondary {
    background: var(--gradient-secondary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}