/* ===================== GLOBAL VARIABLES & CORE COLORS ===================== */
:root {
  /* Green Palette */
  --green-950: #0a1a0f;
  --green-900: #0d2414;
  --green-800: #14361e;
  --green-700: #1a4a28;
  --green-600: #216034;
  --green-500: #2d7d45;
  --green-400: #3a9a58;
  --green-300: #5cb874;
  --green-200: #8fd4a0;
  --green-100: #c8ead0;
  --green-50: #f4f9f5;

  /* Accent Colors */
  --gold: #c9a84c;
  --gold-light: #e0c068;
  --gold-pale: #f5e9c4;

  /* Neutrals */
  --cream: #ffffff;
  --white: #ffffff;
  --dark: #0d1a11;
  --text-body: #2c3e30;
  --text-muted: #6b7f6e;

  /* Typography */
  --font-display: 'Playfair Display', serif;
  --font-body: 'Inter', sans-serif;
  --font-heading: 'Inter', sans-serif;

  /* Shadows */
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 8px 32px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.15);
  --shadow-gold: 0 8px 24px rgba(201, 168, 76, 0.3);

  /* Transitions */
  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);

  /* Spacing */
  --section-padding: 100px;
  --container-width: 1400px;

  /* Borders */
  --border-light: 1px solid var(--green-100);
  --border-gold: 1px solid var(--gold);
}

/* ===================== CUSTOM SCROLLBAR ===================== */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: var(--green-50);
}

::-webkit-scrollbar-thumb {
  background: var(--green-700);
  border-radius: 10px;
  border: 2px solid var(--green-50);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--green-600);
}

/* For Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--green-700) var(--green-50);
}

/* ===================== CORE RESET ===================== */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-body);
  color: var(--text-body);
  background: var(--white);
  line-height: 1.6;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  font-weight: 700;
}

a {
  text-decoration: none !important;
  color: inherit;
}

ul {
  list-style: none;
}