/* Shared CSS Variables & Design Tokens */

:root {
    /* Color Palette */
    --primary: #4f46e5;
    --primary-hover: #4338ca;
    --secondary: #7c3aed;
    --success: #10b981;
    --error: #ef4444;
    --warning: #f59e0b;
    
    /* Backgrounds */
    --bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);
    --glass-bg: rgba(255, 255, 255, 0.1);
    --glass-border: rgba(255, 255, 255, 0.2);
    --input-bg: rgba(255, 255, 255, 0.05);
    
    /* Text Colors */
    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    
    /* Border Radius */
    --radius-lg: 16px;
    --radius-md: 12px;
    --radius-sm: 8px;
    
    /* Typography */
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;
}