@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    html {
        background-color: #000000;
    }

    body {
        background-color: #000000;
        color: #e5e7eb;
    }

    :root {
        --background: 0 0% 0%;
        --foreground: 0 0% 100%;
        --card: 0 0% 7%;
        --card-foreground: 0 0% 100%;
        --popover: 0 0% 15%;
        --popover-foreground: 0 0% 100%;
        --primary: 45 55% 53%;
        --primary-foreground: 0 0% 0%;
        --secondary: 0 0% 11%;
        --secondary-foreground: 0 0% 100%;
        --muted: 0 0% 7%;
        --muted-foreground: 0 0% 82%;
        --accent: 0 0% 15%;
        --accent-foreground: 0 0% 100%;
        --destructive: 0 72% 51%;
        --destructive-foreground: 0 0% 100%;
        --border: 0 0% 15%;
        --input: 0 0% 10%;
        --ring: 45 55% 53%;
        --radius: 0.5rem;
    }
}

@layer base {
    * {
        @apply border-border;
    }

    body {
        @apply bg-background text-foreground;
        font-feature-settings: "rlig" 1, "calt" 1;
    }
}

/* God Mode specific */
@keyframes pulse-gold {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.4);
    }

    50% {
        box-shadow: 0 0 20px 10px rgba(255, 215, 0, 0.1);
    }
}

.pulse-gold {
    animation: pulse-gold 2s infinite;
}

.status-healthy {
    color: #22c55e;
}

.status-unhealthy {
    color: #ef4444;
}

.status-warning {
    color: #eab308;
}