/* ============================================
   CSS VARIABLES & BASE STYLES
   ============================================ */

:root {
  --terminal-bg: #1e1e2e;
  --terminal-header: #2d2b55;
  --terminal-text: #f8f8f2;
  --terminal-green: #4ade80;
  --terminal-purple: #bd93f9;
  --terminal-blue: #8be9fd;
  --terminal-yellow: #f1fa8c;
  --terminal-red: #ff5555;
  --terminal-gray: #6272a4;
  --terminal-border: #44475a;
  --terminal-prompt: #ff79c6;
  --terminal-selection: #44475a;
  --font-mono: 'Fira Code', monospace;
  --font-sans: 'Inter', sans-serif;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: var(--terminal-bg);
  color: var(--terminal-text);
  font-family: var(--font-sans);
  line-height: 1.6;
  min-height: 100vh;
  overflow-x: hidden;
  position: relative;
}

#particles-js {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

/* Smooth transitions for theme switching */
body, .terminal-header, .terminal-content, .terminal-footer, 
.project-card, .skill-category, .testimonials-list, .testimonial {
  transition: background 0.4s, color 0.4s, box-shadow 0.4s;
}