:root {
    --bg-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --bg-card: white;
    --text-primary: #333;
    --text-secondary: #666;
    --text-on-primary: white;
    --border: #ddd;
    --shadow: rgba(0,0,0,0.2);
    --checkbox-bg: #f8f9fa;
    --checkbox-hover: #e9ecef;
    --checkbox-checked: linear-gradient(135deg, #e7f3ff 0%, #d0e8ff 100%);
    --accent: #667eea;
    --success: #28a745;
    --warning: #ffc107;
    --danger: #dc3545;
    --info: #17a2b8;
}

[data-theme="dark"] {
    --bg-primary: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    --bg-card: #0f3460;
    --text-primary: #eee;
    --text-secondary: #aaa;
    --text-on-primary: #eee;
    --border: #2d4263;
    --shadow: rgba(0,0,0,0.5);
    --checkbox-bg: #16213e;
    --checkbox-hover: #1a2942;
    --checkbox-checked: linear-gradient(135deg, #2d4263 0%, #35496b 100%);
    --accent: #667eea;
    --success: #2ecc71;
    --warning: #f39c12;
    --danger: #e74c3c;
    --info: #3498db;
}