[data-nav-item] {
  --themable-button-text: #76bb40;
  &:hover {
    --themable-button-text: color-mix(
      in srgb,
      var(--themable-button-text),
      white 25%
    );
  }
}