:root {
  --color-primary: #52a148;
  --color-primary-contrast: #ffffff;
  --color-bg: #4a4a4a;
  --color-surface: #ffffff;
  --color-text: #20252b;
  --color-muted: #6b7280;
  --font-heading: Arial, Helvetica, sans-serif;
  --font-body: Arial, Helvetica, sans-serif;
  --radius: 12px;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-body);
}

a {
  color: var(--color-primary);
}

img {
  max-width: 100%;
}

.site-shadow {
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
}

.hero-pattern {
  background-color: var(--color-primary);
  background-image: url('/images/home-banner-text.png');
  background-repeat: no-repeat;
  background-position: center top;
}

.custom-link {
  color: #4da3ff;
  text-decoration: none;
  border-bottom: 2px solid rgba(77, 163, 255, 0.6);
}

.custom-link:hover {
  color: var(--color-primary-contrast);
}