/*
 * Theme: Cyberpunk
 * Inspired by PhishDestroy.io — dark glassmorphism with neon accents
 * Author: Tracker Team
 */

[data-theme="cyberpunk"] {
  /* Backgrounds */
  --bg-app: #0a0e1a;
  --bg-app-secondary: #0f1420;
  --bg-card: rgba(20, 25, 37, 0.8);
  --bg-card-solid: #141925;
  --bg-card-hover: #1a1f2e;
  --bg-sidebar: rgba(10, 14, 26, 0.95);
  --bg-input: rgba(15, 20, 32, 0.9);
  --bg-glass: rgba(15, 20, 30, 0.7);

  /* Text */
  --text-primary: #f1f5f9;
  --text-secondary: #a8b2d1;
  --text-muted: #64748b;
  --text-sidebar: #64748b;
  --text-sidebar-active: #ffffff;
  --btn-text: #0a0e1a;

  /* Accents */
  --accent: #00ffcc;
  --accent-rgb: 0, 255, 204;
  --accent-hover: #33ffd6;
  --accent-light: rgba(0, 255, 204, 0.1);
  --accent-glow: rgba(0, 255, 204, 0.3);
  --accent-secondary: #8b5cf6;
  --accent-secondary-rgb: 139, 92, 246;
  --accent-tertiary: #3b82f6;

  /* Sidebar */
  --sidebar-accent: linear-gradient(135deg, #00ffcc, #8b5cf6);
  --sidebar-hover: rgba(0, 255, 204, 0.08);

  /* Semantic */
  --success: #00ffcc;
  --success-light: rgba(0, 255, 204, 0.12);
  --danger: #ef4444;
  --danger-light: rgba(239, 68, 68, 0.12);
  --warning: #fbbf24;
  --warning-light: rgba(251, 191, 36, 0.12);
  --info: #3b82f6;
  --info-light: rgba(59, 130, 246, 0.12);

  /* Borders */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.15);

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 30px rgba(0, 255, 204, 0.15);

  /* Radius */
  --radius: 16px;
  --radius-sm: 10px;
  --radius-xs: 6px;

  /* Fonts */
  --font-heading: 'Orbitron', 'Space Grotesk', sans-serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Space Mono', monospace;

  /* Effects */
  --glass-blur: blur(16px) saturate(150%);
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  color-scheme: dark;
}