:root {
    /* Colors */
    --primary-color: #6f42c1;
    --primary-hover: #5a32a3; /* Darker shade of primary */
    --secondary-color: #4a90e2;
    --secondary-hover: #357abd; /* Darker shade of secondary */
    --text-color: #333333;
    --text-muted: #666666;
    --background-color: #f8f9fa;
    --white-color: #ffffff;
    --error-color: #ef4444; /* red-500 */
    --success-color: #10b981; /* emerald-500 */
    --warning-color: #f59e0b; /* amber-500 */

    /* Gradients */
    --gradient-primary: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    --gradient-purple: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --gradient-pink: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --gradient-blue: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    --gradient-green: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
    --gradient-gold: linear-gradient(135deg, #ffd89b 0%, #19547b 100%); /* Credits */
    --gradient-pastel: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%); /* Count */

    /* Typography */
    --font-family-base: 'Poppins', sans-serif;
    --font-family-alt: 'Inter', sans-serif;

    /* Spacing & Layout */
    --container-width: 1100px;
    --border-radius-sm: 8px;
    --border-radius-md: 10px;
    --border-radius-lg: 20px;
    --border-radius-xl: 24px;
    --border-radius-pill: 50px;

    /* Shadows */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.3);
    --shadow-input: 0 0 0 2px #83a4d4;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
}