:root {
    /* Primary Colors - Dark Premium Blue */
    --bg-dark: #05070a;
    --bg-card: #0d1117;
    --accent-blue: #2196f3;
    --accent-blue-glow: rgba(33, 150, 243, 0.3);
    --text-primary: #ffffff;
    --text-secondary: #8b949e;
    
    /* Semantic Colors */
    --success: #00c853;
    --success-glow: rgba(0, 200, 83, 0.2);
    --danger: #ff5252;
    --danger-glow: rgba(255, 82, 82, 0.2);
    --warning: #ffd740;
    
    /* Gradients */
    --grad-blue: linear-gradient(135deg, #1e3a8a 0%, #2196f3 100%);
    --grad-dark: linear-gradient(180deg, #0d1117 0%, #05070a 100%);
    
    /* Shadow & Glassmorphism */
    --glass-bg: rgba(13, 17, 23, 0.8);
    --glass-border: rgba(255, 255, 255, 0.05);
    --card-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.8);
}

/* Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

body {
    background-color: var(--bg-dark);
    color: var(--text-primary);
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    overflow-x: hidden;
    height: 100vh;
    display: flex;
    flex-direction: column;
}