/* ===== CSS Variables & Design System ===== */
:root {
    --color-bg: #0a0a0a;
    --color-bg-secondary: #141414;
    --color-bg-tertiary: #1f1f1f;
    --color-text: #ffffff;
    --color-text-secondary: #b0b0b0;
    --color-text-muted: #808080;
    --color-primary: #ffffff;
    --color-secondary: #e0e0e0;
    --color-accent: #000000;
    --gradient-primary: linear-gradient(135deg, #ffffff 0%, #e0e0e0 50%, #000000 100%);
    --gradient-dark: linear-gradient(180deg, #0a0a0a 0%, #141414 100%);
    --gradient-semi-blur: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(0,0,0,0.1) 100%);
    --glass-bg: rgba(0, 0, 0, 0.3);
    --glass-border: rgba(255, 255, 255, 0.1);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 8px 32px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 16px 64px rgba(0, 0, 0, 0.5);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 32px;
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}