/* Theme Variables */
:root {
    --primary-color: #00ff88;
    --secondary-color: #f39c12;
    --success-color: #27ae60;
    --danger-color: #e74c3c;
    --warning-color: #f39c12;
    --info-color: #00ff88;
    
    --text-primary: #2c3e50;
    --text-secondary: #7f8c8d;
    --text-light: #ecf0f1;
    
    --bg-primary: #ffffff;
    --bg-secondary: #141816;
    --bg-tertiary: #e9ecef;
    
    --border-color: #dee2e6;
    --shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    
    --border-radius: 8px;
    --transition: all 0.3s ease;
}

[data-theme="dark"] {
    --text-primary: #ecf0f1;
    --text-secondary: #bdc3c7;
    --text-light: #2c3e50;
    
    --bg-primary: #1a1a1a;
    --bg-secondary: #2d2d2d;
    --bg-tertiary: #3d3d3d;
    
    --border-color: #404040;
    --shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

/* Smooth theme transitions */
body,
.navbar,
.btn,
.form-group input,
.form-group select,
.form-group textarea,
.challenge-card,
.feature-card,
.auth-card,
.profile-card,
.stats-card,
.achievements-card,
.leaderboard-container,
.admin-table-container,
.category-item,
.contact-info {
    transition: var(--transition);
}

/* Add to existing theme variables */
:root {
    /* ... existing variables ... */
    --accent-color: #6c5ce7;
    --accent-dark: #5649c0;
}

[data-theme="dark"] {
    /* ... existing dark theme variables ... */
    --accent-color: #8b7ffe;
    --accent-dark: #6c5ce7;
}