.send-message-btn {
  background: var(--accent-color);
  color: var(--contrast-color);
  border: none;
  padding: 12px 35px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  transition: background-color 0.3s ease, transform 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.send-message-btn:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 20%);
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

:root {
  --default-font: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --heading-font: "Montserrat", sans-serif;
  --nav-font: "Montserrat", sans-serif;
}

:root {
  --background-color: #0d0d0d;
  --default-color: #ffffff;
  --heading-color: #e0f2f1;
  --accent-color: #2e7d32;
  --surface-color: #1a1a1a;
  --contrast-color: #ffffff;
}

:root {
  --nav-color: #ffffff;
  --nav-hover-color: #66bb6a;
  --nav-mobile-background-color: #1a1a1a;
  --nav-dropdown-background-color: #1a1a1a;
  --nav-dropdown-color: #ffffff;
  --nav-dropdown-hover-color: #66bb6a;
}

.light-background {
  --background-color: #1a1a1a;
  --surface-color: #252525;
  --default-color: #e0e0e0;
}

.dark-background {
  --background-color: #0d0d0d;
  --default-color: #ffffff;
  --heading-color: #e0f2f1;
  --surface-color: #1a1a1a;
  --contrast-color: #ffffff;
}

.header {
  background-color: #0d0d0d;
  /* background: linear-gradient(to right, #0d0d0d, #2e7d32); */
}

.footer {
  background-color: #0d0d0d;
}

.footer .footer-newsletter {
  background-color: #1a1a1a;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer .footer-newsletter .newsletter-form {
  background-color: #0d0d0d;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.footer .footer-newsletter .newsletter-form:focus-within {
  border-color: var(--accent-color);
}

.footer .footer-links ul a {
  color: rgba(255, 255, 255, 0.7);
}

.footer .footer-links ul a:hover {
  color: var(--nav-hover-color);
}

#hero {
  background: linear-gradient(to right, #0d0d0d, #2e7d32);
  color: var(--contrast-color);
}

.btn-getstarted,
.buy-btn,
.download-btn {
  background: linear-gradient(to right, #2e7d32, #66bb6a);
  border: 0;
  color: var(--contrast-color);
}

.btn-getstarted:hover,
.buy-btn:hover,
.download-btn:hover {
  background: linear-gradient(to right, #66bb6a, #2e7d32);
}

.features .icon-box i {
  color: var(--accent-color);
  /* background: rgba(46, 125, 50, 0.1); */
}

#cookie-popup .popup-content {}

#cookie-popup button {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}

.php-email-form .error-message {
  background: #df1529;
  color: #ffffff;
}

.php-email-form .sent-message {
  background: #059652;
  color: #ffffff;
}

.php-email-form .loading:before {
  border: 3px solid var(--accent-color);
  border-top-color: var(--surface-color);
}

.php-email-form button[type="submit"] {
  background: var(--accent-color);
  color: var(--contrast-color);
}

.php-email-form button[type="submit"]:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 20%);
}

.header .logo h1 {
  color: var(--heading-color);
}

.footer .footer-newsletter .newsletter-form input[type="email"] {
  background-color: var(--surface-color);
  color: var(--default-color);
}

.footer .footer-newsletter .newsletter-form input[type="submit"] {
  background: var(--accent-color);
  color: var(--contrast-color);
}

.footer .footer-newsletter .newsletter-form input[type="submit"]:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 20%);
}

.footer .social-links a {
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 50%);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}

.footer .social-links a:hover {
  color: var(--accent-color);
  border-color: var(--accent-color);
}

.footer .footer-links ul i {
  color: var(--accent-color);
}

.footer .footer-links ul a:hover {
  color: var(--accent-color);
}

.footer .footer-about a {
  color: var(--heading-color);
}

.footer .copyright {
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}