:root {
    /* 
     * SPACECLOUD / COMMAND OS THEME
     * Theme: Deep Space / Neon Borders / High Contrast
     */

    /* Core Colors */
    --zm-bg-dark: #050510;
    /* Deepest Space Black */
    --zm-bg-card: #0a0a16;
    /* Card background (slightly lighter) */
    --zm-bg-lighter: #11111f;
    /* Hover states */

    /* Neon Borders */
    --zm-border-blue: #3b82f6;
    --zm-border-green: #10b981;
    --zm-border-orange: #f59e0b;
    --zm-border-purple: #8b5cf6;
    --zm-border-cyan: #06b6d4;

    /* Accents */
    --zm-accent-primary: #3b82f6;
    /* Command Blue */
    --zm-accent-secondary: #06b6d4;
    /* Command Cyan */
    --zm-accent-gradient: linear-gradient(90deg, #3b82f6 0%, #2563eb 100%);
    --zm-accent-glow: 0 0 15px rgba(59, 130, 246, 0.5);

    /* Text */
    --zm-text-main: #ffffff;
    --zm-text-main: #ffffff;
    --zm-text-muted: #cbd5e1;
    /* Lighter Gray for better contrast on black */
    --zm-text-highlight: #3b82f6;
    --zm-text-highlight: #3b82f6;

    /* UI Elements - SHARP borders for Command OS feel */
    /* NOTE: Restoring Glass for Public Pages, Admin will override with solid */
    --zm-glass-bg: rgba(10, 10, 22, 0.75);
    --zm-glass-border: 1px solid rgba(255, 255, 255, 0.08);
    --zm-glass-blur: blur(20px);

    --zm-radius-sm: 6px;
    --zm-radius-md: 12px;
    --zm-radius-lg: 20px;
    --zm-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    /* Font */
    --zm-font-family: 'Outfit', 'Inter', system-ui, sans-serif;
}

/* Global Animations */
@keyframes zmFadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes zmPulseGlow {
    0% {
        box-shadow: 0 0 0 0 rgba(79, 172, 254, 0.4);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(79, 172, 254, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(79, 172, 254, 0);
    }
}

@keyframes zmShimmer {
    0% {
        background-position: -200% 0;
    }

    100% {
        background-position: 200% 0;
    }
}

@keyframes zmFloat {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-6px);
    }

    100% {
        transform: translateY(0px);
    }
}