.bg-warp-bg { background-color: #000000; }
.bg-warp-panel { background-color: #09090b; }
.bg-warp-border { background-color: #27272a; }
.bg-warp-green { background-color: #10b981; }
.bg-warp-cyan { background-color: #06b6d4; }
.bg-warp-purple { background-color: #8b5cf6; }
.bg-warp-orange { background-color: #f97316; }

.text-warp-border { color: #27272a; }
.text-warp-borderHover { color: #3f3f46; }
.text-warp-muted { color: #a1a1aa; }
.text-warp-green { color: #10b981; }
.text-warp-cyan { color: #06b6d4; }
.text-warp-purple { color: #8b5cf6; }
.text-warp-orange { color: #f97316; }

.border-warp-border { border-color: #27272a; }
.border-warp-green { border-color: #10b981; }
.border-warp-cyan { border-color: #06b6d4; }
.border-warp-purple { border-color: #8b5cf6; }
.border-warp-orange { border-color: #f97316; }
.border-warp-green\/30 { border-color: rgba(16, 185, 129, 0.3); }

.hover\:bg-warp-panel:hover { background-color: #09090b; }
.hover\:border-warp-green:hover { border-color: #10b981; }
.hover\:text-warp-green:hover { color: #10b981; }

.from-warp-green {
  --tw-gradient-from: #10b981 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-warp-cyan {
  --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #06b6d4 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-warp-purple {
  --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
}

.selection\:bg-warp-orange::selection,
.selection\:bg-warp-orange *::selection {
  background-color: #f97316;
}

.selection\:text-black::selection,
.selection\:text-black *::selection {
  color: #000000;
}