:root {
  --color-primary: #023634;
  --color-secondary: #EE741C;
  --color-accent: #006633;
  --color-green01: #9CC31B;
  --color-green02: #82AD1F;
  --color-green03: #DAD800;

  --color-white: #ffffff;
  --color-black: #323332;
  --color-text: #323332;
  --color-text-light: #6b6b6b;
  --color-border: #e5e5e5;
  --color-bg: #e7e8e8;

  --font-primary: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

  --radius: 10px;
 --transition-medium: 0.35s ease;

 --header-offset: 116px;
}

@media (max-width: 640px) {
  :root {
    --header-offset: 96px;
  }
}