:root {
  --nm-red-100: #ffe0e0;
  --nm-red-200: #feb8b8;
  --nm-red-300: #fa8a8a;
  --nm-red-400: #f06060;
  --nm-red-500: #db2727;
  --nm-red-600: #b51f1f;
  --nm-red-700: #8f1919;
  --nm-red-800: #6c1313;
  --nm-red-900: #4e0e0e;
  --base-gradient: linear-gradient(-96.34deg, #db2727 0%, #db2727 100%);
}

/* text color overrides */
.text-red-200 { color: var(--nm-red-200) !important; }
.text-red-300 { color: var(--nm-red-300) !important; }
.text-red-400 { color: var(--nm-red-400) !important; }
.text-red-500 { color: var(--nm-red-500) !important; }
.text-red-600 { color: var(--nm-red-600) !important; }
.text-red-700 { color: var(--nm-red-700) !important; }
.text-red-900 { color: var(--nm-red-900) !important; }

.text-red-400\/\[0\.9\],
.text-red-400\/\[\.9\] { color: rgba(240, 96, 96, 0.9) !important; }
.text-red-500\/\[\.9\] { color: rgba(219, 39, 39, 0.9) !important; }
.text-red-600\/\[\.9\] { color: rgba(181, 31, 31, 0.9) !important; }
.text-red-700\/\[\.9\] { color: rgba(143, 25, 25, 0.9) !important; }

/* background overrides */
.bg-red-200 { background-color: var(--nm-red-200) !important; }
.bg-red-300 { background-color: var(--nm-red-300) !important; }
.bg-red-400 { background-color: var(--nm-red-400) !important; }
.bg-red-500 { background-color: var(--nm-red-500) !important; }
.bg-red-600 { background-color: var(--nm-red-600) !important; }
.bg-red-700 { background-color: var(--nm-red-700) !important; }
.bg-red-800 { background-color: var(--nm-red-800) !important; }
.bg-red-900 { background-color: var(--nm-red-900) !important; }

.bg-red-400\/\[\.1\] { background-color: rgba(240, 96, 96, 0.1) !important; }
.bg-red-500\/\[\.5\] { background-color: rgba(219, 39, 39, 0.5) !important; }
.bg-red-700\/\[\.1\] { background-color: rgba(143, 25, 25, 0.1) !important; }
.bg-red-700\/\[\.2\] { background-color: rgba(143, 25, 25, 0.2) !important; }
.bg-red-700\/\[\.3\] { background-color: rgba(143, 25, 25, 0.3) !important; }
.bg-red-700\/\[\.5\] { background-color: rgba(143, 25, 25, 0.5) !important; }

/* hover state overrides */
.hover\:bg-red-500:hover { background-color: var(--nm-red-500) !important; }
.hover\:bg-red-600:hover { background-color: var(--nm-red-600) !important; }
.hover\:bg-red-700:hover { background-color: var(--nm-red-700) !important; }
.hover\:text-red-500:hover { color: var(--nm-red-500) !important; }
.hover\:text-red-600:hover { color: var(--nm-red-600) !important; }

/* border overrides */
.border-red-400 { border-color: var(--nm-red-400) !important; }
.border-red-500 { border-color: var(--nm-red-500) !important; }
.border-red-600 { border-color: var(--nm-red-600) !important; }
.border-red-700 { border-color: var(--nm-red-700) !important; }
.border-red-700\/20 { border-color: rgba(143, 25, 25, 0.2) !important; }

/* gradient helper */
.base-gradient,
.bg-base-gradient { background-image: var(--base-gradient) !important; }

/* selection */
::selection {
  background-color: var(--nm-red-600) !important;
  color: #fff !important;
}
::-moz-selection {
  background-color: var(--nm-red-600) !important;
  color: #fff !important;
}