/* Premium Dark Mode - Global Override */
:root {
    /* Core Colors - Electric Blue & Pure Black Theme */
    --primary: #3b82f6 !important; /* Electric Blue */
    --primary-rgb: 59, 130, 246 !important;
    
    --background-default: #000000 !important; /* Pure Black */
    --background-secondary: #050505 !important; /* Deepest Gray */
    --background-tertiary: #111111 !important; /* Card Background */
    
    --base: #ffffff !important; /* Main Text */
    --text-secondary: #a1a1aa !important; /* Muted Text */
    --border-color: #27272a !important; /* Subtle Border */
    
    /* Overriding potential Tailwind/Next.js vars */
    --tw-ring-color: rgba(59, 130, 246, 0.5) !important;
}

/* Body & Main Layout */
body {
    background-color: var(--background-default) !important;
    color: var(--base) !important;
    font-family: 'Inter', sans-serif !important; /* Modern Font */
}

/* Cards & Containers - Glassmorphism & Glow */
.bg-background-secondary, 
.bg-background-tertiary, 
.card, 
.rounded-lg, 
.rounded-xl, 
.rounded-2xl {
    background-color: var(--background-tertiary) !important;
    border: 1px solid var(--border-color);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hover Effects for Cards */
.bg-background-secondary:hover, 
.bg-background-tertiary:hover, 
.card:hover,
a.rounded-lg:hover {
    border-color: var(--primary) !important;
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.15) !important;
    transform: translateY(-2px);
}

/* Buttons */
.bg-primary, 
button.bg-primary, 
a.bg-primary {
    background: var(--primary) !important;
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    color: white !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3) !important;
    border: none !important;
}

.bg-primary:hover, 
button.bg-primary:hover, 
a.bg-primary:hover {
    box-shadow: 0 0 25px rgba(59, 130, 246, 0.5) !important;
    transform: translateY(-1px);
    filter: brightness(1.1);
}

/* Inputs */
input, select, textarea {
    background-color: #0a0a0a !important;
    border: 1px solid var(--border-color) !important;
    color: white !important;
    border-radius: 8px !important;
}

input:focus, select:focus, textarea:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2) !important;
    outline: none !important;
}

/* Text Colors */
.text-primary {
    color: #60a5fa !important; /* Lighter blue for dark bg */
}

.text-muted {
    color: var(--text-secondary) !important;
}

/* Navbar / Header */
.header-fixed {
    background: rgba(0, 0, 0, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid var(--border-color);
}

/* Sidebar */
.sidebar {
    background-color: #050505 !important;
    border-left: 1px solid var(--border-color);
}

/* Footer */
footer {
    background-color: #050505 !important;
    border-top: 1px solid var(--border-color);
}

/* Icons */
svg {
    fill: currentColor;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--background-default);
}
::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--primary);
}

/* GSAP Animation Helper Classes */
.gsap-reveal {
    opacity: 0;
    transform: translateY(20px);
}