/* ========== LIGHT THEME (DEFAULT) ========== */
:root {
  --primary: #2c6e2c;
  --primary-dark: #1e4a1e;
  --primary-light: #4c9e4c;
  --secondary: #8bc34a;
  --accent: #ffc107;
  
  --text-primary: #1a2e1f;
  --text-secondary: #4a5b44;
  --text-muted: #7f8c7a;
  
  --bg-primary: #ffffff;
  --bg-secondary: #fafef9;
  --bg-tertiary: #f0f7ec;
  
  --border-light: #e0f0de;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.12);
  --shadow-xl: 0 24px 56px rgba(0, 0, 0, 0.16);
}

/* ========== DARK THEME ========== */
[data-theme="dark"] {
  --primary: #6ba86b;
  --primary-dark: #4c9e4c;
  --primary-light: #8bc34a;
  --secondary: #b9f6a5;
  --accent: #ffd54f;
  
  --text-primary: #eef5e8;
  --text-secondary: #c5e0b8;
  --text-muted: #9bb894;
  
  --bg-primary: #0a1f0e;
  --bg-secondary: #0e2a13;
  --bg-tertiary: #143518;
  
  --border-light: #2a4a2a;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.5);
  --shadow-xl: 0 24px 56px rgba(0, 0, 0, 0.6);
}

/* Dark theme specific overrides */
[data-theme="dark"] .navbar {
  background: rgba(10, 30, 12, 0.95);
  border-bottom-color: var(--border-light);
}

[data-theme="dark"] .service-card {
  background: var(--bg-secondary);
}

[data-theme="dark"] .info-card,
[data-theme="dark"] .contact-form,
[data-theme="dark"] .itad-card {
  background: var(--bg-secondary);
}

[data-theme="dark"] .feature-item {
  background: var(--bg-tertiary);
}

[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group select,
[data-theme="dark"] .form-group textarea {
  background: var(--bg-tertiary);
  border-color: var(--border-light);
  color: var(--text-primary);
}

[data-theme="dark"] .process-node {
  background: var(--bg-secondary);
}

[data-theme="dark"] .social-links a {
  background: var(--bg-tertiary);
}

/* Theme transition */
body,
.navbar,
.service-card,
.info-card,
.contact-form,
.itad-card,
.footer,
.btn,
.form-group input,
.form-group select,
.form-group textarea {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Theme toggle button animation */
.theme-toggle {
  position: relative;
  overflow: hidden;
}

.theme-toggle i {
  transition: transform 0.5s ease, opacity 0.3s ease;
}

.theme-toggle:hover i {
  transform: rotate(180deg);
}

/* Dark mode scrollbar */
[data-theme="dark"] ::-webkit-scrollbar {
  background: var(--bg-tertiary);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: var(--primary);
}

/* Dark mode selection */
[data-theme="dark"] ::selection {
  background: var(--primary);
  color: var(--bg-primary);
}

::selection {
  background: var(--primary-light);
  color: white;
}