:root {
  --brand-50: #EAF5F2;
  --brand-100: #CBE5DE;
  --brand-500: #196B52;
  --brand-700: #145843;
  --brand-800: #135440;
  --brand-900: #0F4737;
  --brand-950: #0A2E24;

  --accent-300: #FCD88A;
  --accent-400: #F1B538;
  --accent-500: #D99B26;
  --accent-600: #B8801A;

  --glow-gold: 0 0 24px rgba(217, 155, 38, 0.35);
  --glow-teal: 0 0 30px rgba(25, 107, 82, 0.25);
  --card-shadow: 0 10px 25px -5px rgba(15, 71, 55, 0.08), 0 8px 10px -6px rgba(15, 71, 55, 0.04);
  --card-shadow-hover: 0 20px 35px -5px rgba(15, 71, 55, 0.16), 0 12px 16px -6px rgba(15, 71, 55, 0.08);
}

* {
  box-sizing: border-box;
}

body {
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  color: #1e293b;
  background-color: #f8fafc;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Header Glassmorphism */
.site-header {
  background: rgba(15, 71, 55, 0.95);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(25, 107, 82, 0.4);
}

/* Smooth Micro-transitions */
.interactive-card {
  transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.interactive-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--card-shadow-hover);
}

/* Glass Panels */
.glass-panel {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(226, 232, 240, 0.8);
}

.glass-panel-dark {
  background: rgba(10, 46, 36, 0.85);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(25, 107, 82, 0.35);
}

/* Pulse animation */
@keyframes subtle-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.85; transform: scale(1.03); }
}
.animate-subtle-pulse {
  animation: subtle-pulse 3s infinite ease-in-out;
}