:root {
    --primary: #0066cc;
    --primary-dark: #0052a3;
    --primary-light: #4dabf7;
    --primary-glow: rgba(0, 102, 204, 0.4);
    --primary-intense: rgba(0, 102, 204, 0.8);

    --accent-cyan: #00d4ff;
    --accent-electric: #00ffff;
    --accent-neon: #00f0ff;

    --bg-body: #000000;
    --bg-header: #000000;
    --bg-card: #0a0a0a;
    --bg-section: #050505;
    --bg-gray: #0f0f0f;
    --bg-input: #1a1a1a;
    --bg-overlay: rgba(0, 0, 0, 0.95);

    --text-primary: #ffffff;
    --text-secondary: #e0e0e0;
    --text-tertiary: #b0b0b0;
    --text-light: #ffffff;
    --text-muted: #888888;
    --text-closed: #ff6b6b;
    --text-open: #51cf66;
    --footer-day-color: #ffffff;

    --border-color: #1a1a1a;
    --border-dark: #333333;
    --border-light: #0a0a0a;
    --border-card: #1a1a1a;
    --border-glow: rgba(0, 102, 204, 0.5);

    --shadow-sm: 0 2px 8px rgba(0, 102, 204, 0.1);
    --shadow-md: 0 4px 16px rgba(0, 102, 204, 0.15);
    --shadow-lg: 0 8px 32px rgba(0, 102, 204, 0.2);
    --shadow-xl: 0 16px 48px rgba(0, 102, 204, 0.25);
    --shadow-dark: 0 4px 24px rgba(0, 0, 0, 0.8);
    --shadow-glow: 0 0 40px var(--primary-glow);
    --shadow-intense: 0 0 60px var(--primary-intense);
    --shadow-neon: 0 0 80px var(--accent-electric);

    --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-bounce: 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --transition-smooth: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --transition-elastic: 0.9s cubic-bezier(0.68, -0.6, 0.32, 1.6);

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 50%;

    --gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    --gradient-hero: linear-gradient(180deg, #000000 0%, #001a33 50%, #000000 100%);
    --gradient-card: linear-gradient(135deg, rgba(0, 102, 204, 0.05) 0%, transparent 100%);
    --gradient-glow: radial-gradient(circle at center, var(--primary-glow) 0%, transparent 70%);
    --gradient-neon: linear-gradient(90deg, var(--accent-cyan), var(--accent-electric), var(--accent-neon));

    --z-base: 1;
    --z-content: 10;
    --z-card: 20;
    --z-header: 100;
    --z-modal: 200;
    --z-intro: 9999;

    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 6rem;

    --font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}