/* css/theme.css */

/*
  This file defines additional theme-specific overrides.
  The default (dark) theme variables are in main.css.
  This file extends or overrides those variables for
  alternative themes like 'light' and 'cyberpunk'.
*/

/* Light Theme Overrides */
[data-theme="light"] {
  --primary-color: #007bff; /* Standard blue for light mode */
  --primary-dark: #0056b3;
  --primary-light: #6aaaff;
  --primary-glow: rgba(0, 123, 255, 0.4);
  --primary-shadow: 0 0 20px rgba(0, 123, 255, 0.6);

  --secondary-color: #6c757d;
  --secondary-dark: #5a6268;
  --secondary-light: #8e949a;
  --secondary-glow: rgba(108, 117, 125, 0.4);

  --accent-blue: #0056b3;
  --accent-purple: #6610f2;
  --accent-orange: #fd7e14;
  --accent-yellow: #ffc107;
  --accent-rainbow: linear-gradient(45deg, #e63946, #f4a261, #f0e68c, #a7c957, #457b9d, #6a0572);

  --success-color: #28a745;
  --warning-color: #ffc107;
  --danger-color: #dc3545;
  --info-color: #17a2b8;

  --bg-primary: #ffffff;
  --bg-secondary: #f8fafc;
  --bg-tertiary: #e5e7eb;
  --bg-glass: rgba(255, 255, 255, 0.85);
  --bg-card: rgba(248, 250, 252, 0.95);
  --bg-overlay: rgba(255, 255, 255, 0.85);
  --bg-gradient: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);

  --text-primary: #1e293b;
  --text-secondary: #475569;
  --text-muted: #94a3b8;
  --text-accent: var(--primary-color);

  --border-primary: rgba(0, 0, 0, 0.1);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-glow: 0 0 30px rgba(0, 123, 255, 0.2);
  --shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Cyberpunk Theme Overrides */
[data-theme="cyberpunk"] {
  --primary-color: #ff00ff; /* Neon Pink */
  --primary-dark: #cc00cc;
  --primary-light: #ff66ff;
  --primary-glow: rgba(255, 0, 255, 0.5);
  --primary-shadow: 0 0 20px rgba(255, 0, 255, 0.6);

  --secondary-color: #00ffff; /* Cyan */
  --secondary-dark: #00cccc;
  --secondary-light: #66ffff;
  --secondary-glow: rgba(0, 255, 255, 0.4);

  --accent-blue: #00ffff;
  --accent-purple: #a500ff; /* Deeper Purple */
  --accent-orange: #ff9900;
  --accent-yellow: #fefe00;
  --accent-rainbow: linear-gradient(45deg, #ff00ff, #00ffff, #fefe00, #39ff14, #8b5cf6, #ff0080);

  --success-color: #39ff14; /* Neon Green */
  --warning-color: #ffcc00;
  --danger-color: #ff3333;
  --info-color: #00ffff;

  --bg-primary: #0a0014; /* Very Dark Purple */
  --bg-secondary: #1a0028;
  --bg-tertiary: #2a003c;
  --bg-glass: rgba(10, 0, 20, 0.85);
  --bg-card: rgba(30, 0, 45, 0.95);
  --bg-overlay: rgba(0, 0, 0, 0.9);
  --bg-gradient: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);

  --text-primary: #f0f0f0;
  --text-secondary: #a0a0a0;
  --text-muted: #505050;
  --text-accent: var(--primary-color);

  --border-primary: rgba(255, 255, 255, 0.15);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.6);
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.7);
  --shadow-glow: 0 0 30px var(--primary-glow), 0 0 30px var(--secondary-glow);
  --shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.4);
}