:root {
  --bg: #02120b;
  --surface: rgba(20, 83, 45, 0.15);
  --surface-hover: rgba(34, 197, 94, 0.1);
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(132, 204, 22, 0.3);
  --text: #ecfdf5;
  --text-muted: rgba(236, 253, 245, 0.6);
  --text-body: rgba(236, 253, 245, 0.8);
  --accent: #a3e635;
  --accent-2: #10b981;
  --radius: 1rem;
}

body {
    background-color: var(--bg);
    background-image: radial-gradient(ellipse at top right, rgba(6, 78, 59, 0.4), #020617, #000000);
    background-attachment: fixed;
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: var(--text);
}

.font-heading {
    font-family: 'Outfit', sans-serif;
}

.btn-primary {
    background-color: var(--accent);
    color: var(--bg);
    box-shadow: 0 4px 14px 0 rgba(163, 230, 53, 0.2);
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: #bef264;
    box-shadow: 0 6px 20px rgba(163, 230, 53, 0.4);
    transform: translateY(-1px);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--bg);
}
::-webkit-scrollbar-thumb {
    background: #1e293b;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #334155;
}

/* Smooth Scroll Behavior */
html {
    scroll-behavior: smooth;
}