:root {
  --vote-yes: 142 71% 45%;
  --vote-yes-glow: 142 71% 55%;
  --vote-no: 330 81% 60%;
  --vote-no-glow: 320 80% 55%;
  --accent: 271 81% 56%;
  --primary-foreground: 0 0% 100%;
  --ring: 271 81% 56%;
  --background: 230 25% 7%;
}

.bg-vote-yes {
  background-color: hsl(var(--vote-yes));
}

.hover\:bg-vote-yes-glow:hover {
  background-color: hsl(var(--vote-yes-glow));
}

.from-vote-no {
  --tw-gradient-from: hsl(var(--vote-no)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--vote-no) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-accent {
  --tw-gradient-to: hsl(var(--accent)) var(--tw-gradient-to-position);
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.text-primary-foreground {
  color: hsl(var(--primary-foreground));
}

.glow-green {
  box-shadow: 0 0 30px hsl(var(--vote-yes) / 0.3);
}

.glow-pink {
  box-shadow: 0 0 30px hsl(var(--vote-no) / 0.3);
}

.rounded-md {
  border-radius: 0.375rem;
}

.flex-1 {
  flex: 1 1 0%;
}

.h-12 {
  height: 3rem;
}

.gap-4 {
  gap: 1rem;
}

.flex {
  display: flex;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.ring-offset-background {
  --tw-ring-offset-color: hsl(var(--background));
}

.focus-visible\:ring-ring:focus-visible {
  --tw-ring-color: hsl(var(--ring));
}

.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}

.disabled\:opacity-50:disabled {
  opacity: 0.5;
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:pointer-events-none:disabled,
button.moon-vote-yes:disabled,
button.moon-vote-no:disabled {
  pointer-events: none;
}

.hover\:opacity-90:hover {
  opacity: 0.9;
}

button.moon-vote-yes::after,
button.moon-vote-no::after {
  display: none !important;
  content: none !important;
}

button.moon-vote-yes,
button.moon-vote-no {
  border: none !important;
  transform: none !important;
}

button.moon-vote-yes:hover,
button.moon-vote-no:hover {
  transform: none !important;
}
