:root {
  --of-green: #3AB648;
  --of-green-600: #2B9438;
}

.text-primary,
.hover\:text-primary:hover {
  color: var(--of-green) !important;
}

.bg-primary,
.hover\:bg-primary:hover,
.group[open] .group-open\:bg-primary {
  background-color: var(--of-green) !important;
}

.border-primary,
.border-t-primary,
.hover\:border-primary:hover,
.focus\:border-primary:focus,
.group[open] .group-open\:border-primary {
  border-color: var(--of-green) !important;
}

.border-primary\/30 { border-color: rgba(58, 182, 72, .30) !important; }
.border-primary\/40 { border-color: rgba(58, 182, 72, .40) !important; }
.border-primary\/50 { border-color: rgba(58, 182, 72, .50) !important; }
.border-primary\/60 { border-color: rgba(58, 182, 72, .60) !important; }
.border-l-primary\/70 { border-left-color: rgba(58, 182, 72, .70) !important; }

.focus\:ring-primary\/20:focus { --tw-ring-color: rgba(58, 182, 72, .20) !important; }

::selection { background: rgba(58, 182, 72, .28); }
::-moz-selection { background: rgba(58, 182, 72, .28); }