/* CSS Variables for Modern Purple Theme */
:root {
    /* Brand Colors */
    --primary-purple: #A259FF;        /* Brand - Vibrant purple for buttons */
    --secondary-purple: #7C3AED;      /* Alternate Brand - Deeper purple for hover/highlights */
    --dark-purple: #7C3AED;           /* Keep same as alternate brand */
    --light-purple: #A259FF;          /* Same as brand for consistency */
    --accent-purple: #5A5AFF;         /* Other Supporting - Soft blue tone for links */
    
    /* Background Colors */
    --dark-bg: #000000;               /* Primary Background - Deep black */
    --darker-bg: #0D0D0D;             /* Secondary Background - Card/form containers */
    --card-bg: #0D0D0D;               /* Secondary Background - Card/form containers */
    --border-color: #2A2A2D;          /* Subtle Background - Borders/dividers */
    --input-bg: #000000;              /* Alternate Background - Input field background */
    
    /* Text Colors */
    --text-primary: #FFFFFF;          /* Heading - Pure white for titles */
    --text-secondary: #CCCCCC;        /* Text - Muted light gray for content */
    
    /* Additional Theme Colors */
    --success-color: #238636;
    --warning-color: #f85149;
    --error-color: #ff6b6b;
    --info-color: #3b82f6;
    --gold-color: #ffd700;
    
    /* Minecraft Theme Colors */
    --minecraft-green: #4CAF50;
    --minecraft-light-green: #45a049;
    --minecraft-dark-green: #388e3c;
    
    /* Neutral Colors */
    --gray-light: #6c757d;
    --gray-dark: #5a6268;
    --white: #ffffff;
    --black: #000000;
    
    /* Gradients */
    --gradient-bg: linear-gradient(135deg, var(--primary-purple) 0%, var(--secondary-purple) 100%);
    --gradient-success: linear-gradient(135deg, var(--minecraft-green), var(--minecraft-light-green));
    --gradient-success-hover: linear-gradient(135deg, var(--minecraft-dark-green), #1ea87a);
    --gradient-info: linear-gradient(135deg, var(--info-color), #1e3a8a);
    
    /* Shadows and Effects */
    --shadow-purple: rgba(162, 89, 255, 0.25);
    --shadow-black: rgba(0, 0, 0, 0.3);
    --shadow-black-light: rgba(0, 0, 0, 0.5);
    --border-light: rgba(255, 255, 255, 0.2);
    --border-medium: rgba(255, 255, 255, 0.3);
    --overlay-light: rgba(255, 255, 255, 0.2);
}