/**
 * Shadow Tokens
 * Box shadows and elevation system
 */

:root {
  /* ═══════════════════════════════════════════════════════════════════════════
     BOX SHADOWS (Dark theme optimized)
     ═══════════════════════════════════════════════════════════════════════════ */
  --shadow-none: none;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --shadow-default: 0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 1px 2px -1px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.4);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.4);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.6);

  /* Inner shadows */
  --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.3);

  /* Glow effects for security indicators */
  --glow-critical: 0 0 20px rgba(255, 51, 51, 0.4);
  --glow-high: 0 0 15px rgba(239, 68, 68, 0.3);
  --glow-success: 0 0 10px rgba(34, 197, 94, 0.3);
  --glow-info: 0 0 10px rgba(59, 130, 246, 0.3);

  /* ═══════════════════════════════════════════════════════════════════════════
     TRANSITIONS
     ═══════════════════════════════════════════════════════════════════════════ */
  --transition-fast: 150ms ease;
  --transition-default: 200ms ease;
  --transition-slow: 300ms ease;
  --transition-slower: 500ms ease;

  /* Specific transitions */
  --transition-colors: color var(--transition-default),
                       background-color var(--transition-default),
                       border-color var(--transition-default);
  --transition-transform: transform var(--transition-default);
  --transition-opacity: opacity var(--transition-default);
  --transition-shadow: box-shadow var(--transition-default);
  --transition-all: all var(--transition-default);
}