/* css/variables.css */
:root {
  /* Color Palette - Neon Cyber Dark Purple */
  --bg-dark: #0b0518;
  --bg-panel: #140b29;
  --bg-card: rgba(26, 15, 48, 0.6);
  --bg-hover: rgba(43, 27, 77, 0.8);
  
  --border-color: rgba(168, 85, 247, 0.2);
  --border-focus: rgba(0, 229, 255, 0.8);
  
  /* Neon Accents */
  --primary: #9d4edd;      /* Deep Purple */
  --accent-pink: #ff6ac1;  /* Pink Neon */
  --accent-cyan: #00e5ff;  /* Cyan Neon */
  --accent-lime: #c6f135;  /* Lime Neon */
  --accent-purple: #c77dff;/* Bright Purple */
  
  /* Status Colors */
  --status-active: #10b981;  /* Emerald */
  --status-warning: #f59e0b; /* Amber */
  --status-expired: #ef4444; /* Rose */
  
  /* Text Colors */
  --text-primary: #f3f4f6;
  --text-secondary: #9ca3af;
  --text-muted: #6b7280;
  
  /* Shadows & Glows */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --glow-pink: 0 0 15px rgba(255, 106, 193, 0.35);
  --glow-cyan: 0 0 15px rgba(0, 229, 255, 0.35);
  --glow-purple: 0 0 15px rgba(157, 78, 221, 0.35);
  --glow-lime: 0 0 15px rgba(198, 241, 53, 0.35);

  /* Fonts */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  
  /* Layout Dimensions */
  --sidebar-width: 250px;
  --sidebar-collapsed-width: 80px;
  --header-height: 70px;
}

/* Highlight row animation from global search result */
@keyframes highlight-pulse {
  0%   { background: rgba(0, 229, 255, 0.18); }
  50%  { background: rgba(0, 229, 255, 0.06); }
  100% { background: transparent; }
}
tr.highlight-row {
  animation: highlight-pulse 2s ease forwards;
}