/* 
 * Aeris Design System Variables & Utilities (Unified Masterpiece HUD)
 */
:root {
    --bg-master: #030408;
    --panel-glass: rgba(10, 15, 30, 0.65);
    --panel-solid: #090e1a;
    --border-glass: rgba(255, 255, 255, 0.07);
    --text-main: #f8fafc;
    --text-muted: #64748b;
    
    /* Dynamic Branding Accents */
    --clr-profit: #00e5ff;       /* For-Profit Blue-Cyan */
    --clr-profit-glow: rgba(0, 229, 255, 0.25);
    
    --clr-nonprofit: #00ff88;    /* Non-Profit Green-Teal */
    --clr-nonprofit-glow: rgba(0, 255, 136, 0.25);
    
    --clr-admin: #a855f7;        /* Admin / Superadmin Purple */
    --clr-admin-glow: rgba(168, 85, 247, 0.25);
    
    --clr-alert: #f43f5e;        /* Critical / Danger Crimson */
    --clr-alert-glow: rgba(244, 63, 94, 0.25);
    
    --font-primary: 'Outfit', 'Segoe UI', system-ui, sans-serif;
}

/* Glassmorphism Panel Core */
.glass-panel {
    background: var(--panel-glass);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--border-glass);
    border-radius: 16px;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.4);
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), 
                box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), 
                border-color 0.3s ease;
}

/* Shimmer Animations */
@keyframes borderShimmer {
    0% { border-color: rgba(255, 255, 255, 0.07); }
    50% { border-color: var(--accent-glow); }
    100% { border-color: rgba(255, 255, 255, 0.07); }
}

@keyframes textGradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Shimmer Badge */
.badge-shimmer {
    background-size: 200% auto;
    animation: textGradientShift 4s ease infinite;
    font-weight: 700;
    letter-spacing: 1px;
}

/* Laser Scanning Line Animation */
@keyframes laserSweep {
    0% { top: 0%; opacity: 0.3; }
    50% { top: 96%; opacity: 1; }
    100% { top: 0%; opacity: 0.3; }
}

/* Flowing data pipelines */
@keyframes pipelineFlow {
    from { stroke-dashoffset: 20; }
    to { stroke-dashoffset: 0; }
}
.flowing-line {
    stroke-dasharray: 8, 4;
    animation: pipelineFlow 1.2s linear infinite;
}

/* Card-Flip Hover Effect */
.card-3d {
    perspective: 1000px;
}
.card-3d-inner {
    transition: transform 0.6s;
    transform-style: preserve-3d;
}
.card-3d:hover .card-3d-inner {
    transform: rotateY(10deg) scale(1.02);
}