:root {
  --color-primary: #1d3928;
  --color-primary-dark: #0f2116;
  --color-accent: #57b14c;
  --color-light-green: #e6efe9;
  --color-hover-bg: #eff5e2;
  --color-tag: #f6bc3d;
  --color-title: #0a140e;
  --color-body: #555555;
  --color-muted: #4b5563;
  --color-border: #e5e7eb;
  --color-footer-text: #e2e8f0;
  --color-white: #ffffff;
  --color-overlay: rgba(0, 0, 0, 0.5);
  --font-primary: "Hubot Sans", system-ui, sans-serif;
  --font-stats: "Outfit", system-ui, sans-serif;
  --font-display: "Pathway Extreme", system-ui, sans-serif;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --container-max: 1280px;
  --container-padding-x: clamp(1rem, 4vw, 2.5rem);
  --header-height: 80px;
  --shadow-sm: 0 4px 15px rgba(29, 57, 40, 0.05);
  --shadow-md: 0 12px 32px -12px rgba(29, 57, 40, 0.15);
  --shadow-lg: 0 30px 60px rgba(15, 33, 22, 0.4);
  --transition: 0.3s ease;
  --texture-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.4'/%3E%3C/svg%3E");
}