details summary::-webkit-details-marker {
  display: none;
}

:root {
  --action-red: #E11F26;
  --vitality-green: #62BB46;
  --sky-blue: #00AEEF;
  --deep-text: #2D2D2D;
  --soft-background: #F8F9FA;
}

body {
  background-color: var(--soft-background);
  color: var(--deep-text);
}

::selection {
  background-color: rgba(98, 187, 70, 0.2);
  color: var(--deep-text);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline: 3px solid rgba(98, 187, 70, 0.3);
  outline-offset: 3px;
}

main .fa-check,
main .fa-circle-check,
main .fa-seedling,
main .fa-apple-whole {
  color: var(--vitality-green) !important;
}

footer .text-gray-300 {
  color: rgba(255, 255, 255, 0.84);
}

footer .text-gray-400 {
  color: rgba(255, 255, 255, 0.72);
}

footer a[aria-label]:hover {
  border-color: rgba(255, 255, 255, 0.42) !important;
  background-color: rgba(255, 255, 255, 0.12) !important;
}