/* ===================================
   GLOBAL COLOR SYSTEM
   =================================== */

:root {
    /* Primary Colors */
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-color: #667eea;
    --primary-dark: #764ba2;
    
    /* Accent Colors */
    --accent-gradient: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    --accent-color: #fbbf24;
    
    /* Success */
    --success-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);
    --success-color: #10b981;
    
    /* Warning */
    --warning-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --warning-color: #f59e0b;
    
    /* Info */
    --info-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    --info-color: #3b82f6;
    
    /* Background */
    --bg-primary: #0f1117;
    --bg-secondary: #1e2129;
    --bg-card: #1e2129;
    --bg-gradient: linear-gradient(135deg, #0f1117 0%, #1e2129 50%, #0f1117 100%);
    
    /* Text Colors */
    --text-primary: #ffffff;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    
    /* Borders */
    --border: #2d3139;
    --border-color: rgba(102, 126, 234, 0.15);
    --border-hover: rgba(102, 126, 234, 0.4);
}

body {
    background: var(--bg-primary);
    color: var(--text-primary);
}