:root {
  --primary: #1E8F4F;
  --primary-hover: #16753F;
  --primary-light: rgba(30, 143, 79, 0.1);
  --primary-glow: rgba(30, 143, 79, 0.25);
  --secondary: #5C5C5C;

  --bg: #FAFBFC;
  --surface: #FFFFFF;
  --section: #F5F7FA;

  --heading: #111827;
  --text: #4B5563;
  --muted: #6B7280;

  --border: #E5E7EB;
  --shadow: rgba(15, 23, 42, 0.08);
  --shadow-lg: rgba(15, 23, 42, 0.12);

  --glass-bg: rgba(255, 255, 255, 0.7);
  --glass-border: rgba(255, 255, 255, 0.3);

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;

  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --font-script: 'Great Vibes', cursive;

  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;

  --container-sm: 640px;
  --container-md: 768px;
  --container-lg: 1024px;
  --container-xl: 1200px;
  --container-2xl: 1400px;

  --transition-fast: 0.15s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.5s ease;

  --z-dropdown: 100;
  --z-sticky: 200;
  --z-overlay: 300;
  --z-modal: 400;
}

[data-theme="dark"] {
  --primary: #1E8F4F;
  --primary-hover: #26A35A;
  --primary-light: rgba(30, 143, 79, 0.15);
  --primary-glow: rgba(30, 143, 79, 0.3);

  --bg: #0F1115;
  --surface: #171A21;
  --section: #1F242D;

  --heading: #FFFFFF;
  --text: #D1D5DB;
  --muted: #9CA3AF;

  --border: #2A313D;
  --shadow: rgba(0, 0, 0, 0.30);
  --shadow-lg: rgba(0, 0, 0, 0.45);

  --glass-bg: rgba(23, 26, 33, 0.75);
  --glass-border: rgba(42, 49, 61, 0.5);
}