/* Global Theme Variants: Light and Dark */

/* Light Theme */
:root[data-theme="light"] {
  --bg-primary: #f7f9fc;
  --bg-secondary: #ffffff;
  --bg-tertiary: #eef2f7;

  --card-bg: #ffffff;
  --card-bg-hover: #f3f6fb;

  --text-primary: #0f172a;
  --text-secondary: #334155;
  --text-tertiary: #64748b;

  --accent-blue: #2563eb;
  --accent-purple: #7c3aed;
  --accent-pink: #db2777;
  --accent-green: #059669;
  --accent-amber: #d97706;
  --accent-red: #dc2626;

  --gradient-primary: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
  --gradient-accent: linear-gradient(135deg, #7c3aed 0%, #db2777 100%);
  --gradient-success: linear-gradient(135deg, #059669 0%, #14b8a6 100%);
}

/* Dark Theme */
:root[data-theme="dark"] {
  --bg-primary: #0f1419;
  --bg-secondary: #1a1f29;
  --bg-tertiary: #252b37;

  --card-bg: #1e2530;
  --card-bg-hover: #252d3a;

  --text-primary: #ffffff;
  --text-secondary: #94a3b8;
  --text-tertiary: #64748b;

  --accent-blue: #3b82f6;
  --accent-purple: #a855f7;
  --accent-pink: #ec4899;
  --accent-green: #10b981;
  --accent-amber: #f59e0b;
  --accent-red: #ef4444;

  --gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
  --gradient-accent: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);
  --gradient-success: linear-gradient(135deg, #10b981 0%, #14b8a6 100%);
}