@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=Orbitron:wght@500;700;900&display=swap');

:root {
    /* Enterprise / Startup Foundry / Cyber Secure / Party variables */
    --brand-primary: #00f0ff; /* Neon Cyan */
    --brand-secondary: #ff003c; /* Cyber Red */
    --brand-dark: #0a0a0a; /* Deep Space Black */
    --brand-gray: #1a1a2e;
    --glass-bg: rgba(26, 26, 46, 0.7);
    --glass-border: rgba(0, 240, 255, 0.2);
}

body {
    background-color: var(--brand-dark);
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6, .brand-font {
    font-family: 'Orbitron', sans-serif;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: var(--brand-dark);
}
::-webkit-scrollbar-thumb {
    background: var(--brand-primary);
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--brand-secondary);
}

/* Glassmorphism Classes */
.glass-panel {
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--glass-border);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5);
}

/* Glow effects */
.neon-text {
    text-shadow: 0 0 5px var(--brand-primary), 0 0 10px var(--brand-primary), 0 0 20px var(--brand-primary);
}
.neon-border {
    box-shadow: 0 0 5px var(--brand-primary), inset 0 0 5px var(--brand-primary);
}

/* Parallax Utilities */
.parallax-bg {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Micro Animations */
.hover-scale {
    transition: transform 0.3s ease-in-out;
}
.hover-scale:hover {
    transform: scale(1.05);
}
.hover-glow:hover {
    box-shadow: 0 0 15px var(--brand-primary);
}

/* DataGrid overrides (for generic tables) */
.data-grid th {
    background-color: rgba(0, 240, 255, 0.1);
    color: var(--brand-primary);
    border-bottom: 2px solid var(--brand-primary);
}
.data-grid td {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.data-grid tr:hover td {
    background-color: rgba(255,255,255,0.05);
}