/* CSS Design System Tokens - Conferences Website */

:root {
    /* Color Palette */
    --primary: #2563EB;
    --primary-rgb: 37, 99, 235;
    --primary-hover: #1D4ED8;
    --secondary: #0F172A;
    --secondary-rgb: 15, 23, 42;
    --accent: #14B8A6;
    --accent-rgb: 20, 184, 166;
    --accent-purple: #8B5CF6;
    --accent-purple-rgb: 139, 92, 246;
    
    /* Backgrounds */
    --background: #F8FAFC;
    --bg-dark: #090D1A;
    --bg-dark-card: rgba(15, 23, 42, 0.7);
    --bg-glass-light: rgba(255, 255, 255, 0.65);
    --bg-glass-dark: rgba(15, 23, 42, 0.75);
    
    /* Borders */
    --border-light: rgba(226, 232, 240, 0.8);
    --border-dark: rgba(255, 255, 255, 0.08);
    --border-glass-light: rgba(255, 255, 255, 0.4);
    --border-glass-dark: rgba(255, 255, 255, 0.06);
    
    /* Text Colors */
    --text-main: #0F172A;
    --text-muted: #475569;
    --text-light: #F8FAFC;
    --text-light-muted: #94A3B8;
    
    /* Gradients */
    --gradient-blue-purple: linear-gradient(135deg, #2563EB 0%, #8B5CF6 100%);
    --gradient-indigo-cyan: linear-gradient(135deg, #4F46E5 0%, #14B8A6 100%);
    --gradient-navy-blue: linear-gradient(135deg, #0B1120 0%, #1E40AF 100%);
    --gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.03) 100%);
    --gradient-dark-card: linear-gradient(180deg, rgba(30, 41, 59, 0.8) 0%, rgba(15, 23, 42, 0.95) 100%);
    
    /* Shadows */
    --shadow-sm: 0 2px 8px -2px rgba(15, 23, 42, 0.05);
    --shadow-md: 0 10px 25px -5px rgba(15, 23, 42, 0.06), 0 8px 16px -6px rgba(15, 23, 42, 0.04);
    --shadow-lg: 0 20px 40px -10px rgba(15, 23, 42, 0.1), 0 10px 20px -8px rgba(15, 23, 42, 0.05);
    --shadow-xl: 0 30px 60px -15px rgba(15, 23, 42, 0.15), 0 15px 30px -10px rgba(15, 23, 42, 0.08);
    --shadow-glow-blue: 0 0 25px rgba(37, 99, 235, 0.45);
    --shadow-glow-teal: 0 0 25px rgba(20, 184, 166, 0.35);
    
    /* Typography */
    --font-display: 'Space Grotesk', system-ui, -apple-system, sans-serif;
    --font-body: 'Inter', system-ui, -apple-system, sans-serif;
    
    /* Layout */
    --header-height: 80px;
    --max-width: 1280px;
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-xl: 32px;
    --radius-full: 9999px;
    
    /* Animation & Transitions */
    --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-normal: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-slow: 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
}