/* ============================================================================
   ORBIS-DFIR - Tailwind CSS Custom Configuration
   Enterprise-grade DFIR platform design system
   Dark mode optimized for SOC environments
   Note: Tailwind base utilities loaded via CDN in App.razor
   ============================================================================ */

/* ============================================================================
   DARK MODE CONFIGURATION
   Note: Dark mode class applied via JavaScript in App.razor
   ============================================================================ */

/* ============================================================================
   CUSTOM THEME VARIABLES
   Note: Using standard CSS custom properties for compatibility
   ============================================================================ */

:root {
  /* Primary Brand Colors (Security Blue) */
  --color-primary-500: #3b82f6;
  --color-primary-600: #2563eb;
  --color-primary-700: #1d4ed8;
  
  /* DFIR Severity Colors */
  --color-critical: #ef4444;
  --color-high: #f97316;
  --color-medium: #eab308;
  --color-low: #3b82f6;
  --color-resolved: #22c55e;
  
  /* Custom Shadows */
  --shadow-glow: 0 0 20px rgba(59, 130, 246, 0.3);
  --shadow-glow-lg: 0 0 40px rgba(59, 130, 246, 0.4);
}

/* ============================================================================
   CUSTOM ANIMATIONS
   ============================================================================ */

@keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fade-in-up {
  0% { 
    opacity: 0; 
    transform: translateY(10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateY(0); 
  }
}

@keyframes slide-in-right {
  0% { 
    transform: translateX(100%); 
  }
  100% { 
    transform: translateX(0); 
  }
}

/* ============================================================================
   UTILITY EXTENSIONS
   ============================================================================ */

/* Text balance for headlines */
.text-balance {
  text-wrap: balance;
}

/* Hide scrollbar but keep functionality */
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}