/* Website Configuration */
/* Edit these variables to customize your portfolio */

:root {
  /* Color Scheme */
  --primary-color: #667eea;
  --secondary-color: #764ba2;
  --accent-color: #f093fb;
  
  /* Background Colors */
  --bg-primary: #0f0f0f;
  --bg-secondary: #1a1a2e;
  --bg-tertiary: #16213e;
  
  /* Text Colors */
  --text-primary: #ffffff;
  --text-secondary: #b0b3c1;
  --text-muted: #8892b0;
  
  /* Gradient Definitions */
  --gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
  --gradient-secondary: linear-gradient(135deg, var(--secondary-color) 0%, var(--accent-color) 100%);
  --gradient-background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 50%, var(--bg-tertiary) 100%);
  
  /* Animation Timing */
  --animation-fast: 0.2s;
  --animation-normal: 0.3s;
  --animation-slow: 0.6s;
  
  /* Border Radius */
  --radius-small: 8px;
  --radius-medium: 12px;
  --radius-large: 20px;
  --radius-round: 50px;
  
  /* Shadows */
  --shadow-small: 0 2px 10px rgba(0, 0, 0, 0.1);
  --shadow-medium: 0 10px 25px rgba(0, 0, 0, 0.2);
  --shadow-large: 0 20px 40px rgba(0, 0, 0, 0.3);
  
  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-xxl: 4rem;
  
  /* Typography */
  --font-family: 'Poppins', sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 2rem;
  --font-size-4xl: 2.5rem;
  --font-size-5xl: 3rem;
  
  /* Layout */
  --container-max-width: 1200px;
  --navbar-height: 70px;
}

/* Alternative Color Schemes */
/* Uncomment one of these to change the color scheme */

/* Blue & Purple (Default) */
/*
:root {
  --primary-color: #667eea;
  --secondary-color: #764ba2;
  --accent-color: #f093fb;
}
*/

/* Green & Teal */
/*
:root {
  --primary-color: #11998e;
  --secondary-color: #38ef7d;
  --accent-color: #16a085;
}
*/

/* Orange & Red */
/*
:root {
  --primary-color: #ff6b6b;
  --secondary-color: #ffa726;
  --accent-color: #ff5722;
}
*/

/* Purple & Pink */
/*
:root {
  --primary-color: #8e44ad;
  --secondary-color: #e91e63;
  --accent-color: #f06292;
}
*/

/* Cyan & Blue */
/*
:root {
  --primary-color: #00bcd4;
  --secondary-color: #2196f3;
  --accent-color: #03a9f4;
}
*/

/* Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  :root {
    --bg-primary: #0a0a0a;
    --bg-secondary: #151515;
    --text-secondary: #a0a0a0;
  }
}

/* Light Mode Alternative */
/* Uncomment to enable light mode */
/*
:root {
  --bg-primary: #ffffff;
  --bg-secondary: #f8f9fa;
  --bg-tertiary: #e9ecef;
  --text-primary: #212529;
  --text-secondary: #6c757d;
  --text-muted: #868e96;
}
*/

/* Custom Breakpoints */
:root {
  --breakpoint-xs: 480px;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1400px;
}

/* Animation Preferences */
@media (prefers-reduced-motion: reduce) {
  :root {
    --animation-fast: 0s;
    --animation-normal: 0s;
    --animation-slow: 0s;
  }
  
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}