:root {
  --mtg-accent: #3b070b;
  --mtg-accent-hover: #5a0a0f;
  --mtg-ink: #f3f4f6;
  --mtg-muted: #cbd5e1;
  --mtg-bg: #000;
  --mtg-surface: rgba(15, 15, 18, 0.62);
  --mtg-surface-strong: rgba(15, 15, 18, 0.78);
  --mtg-line: rgba(255, 255, 255, 0.12);
  --mtg-ring: rgba(90, 10, 15, 0.4);
  color-scheme: dark;
}

body {
  background: radial-gradient(circle at top left, #0b0b0c, var(--mtg-bg) 55%, #000 100%) !important;
  color: var(--mtg-ink) !important;
}

.bg-slate-950\/60,
.bg-slate-950\/50,
.bg-slate-950\/40,
.bg-slate-950\/30,
.bg-slate-950\/20,
.bg-slate-900\/60,
.bg-slate-900\/50,
.bg-slate-900\/40,
.bg-slate-900\/30,
.bg-slate-900\/20 {
  background-color: rgba(0, 0, 0, 0.72) !important;
}

.bg-white\/90,
.bg-white\/80,
.bg-white\/70,
.bg-white\/60,
.bg-white\/20,
.bg-white\/10,
.bg-white\/5,
.dark\:bg-slate-950\/40,
.dark\:bg-slate-950\/30,
.dark\:bg-slate-950\/20,
.dark\:bg-slate-950\/10 {
  background-color: var(--mtg-surface) !important;
}

.bg-white\/90 {
  background-color: var(--mtg-surface-strong) !important;
}

.border-slate-900\/10,
.border-slate-300,
.border-white\/10,
.border-white\/20,
.dark\:border-white\/10 {
  border-color: var(--mtg-line) !important;
}

.text-slate-950,
.text-slate-900,
.dark\:text-slate-50 {
  color: var(--mtg-ink) !important;
}

.text-slate-700,
.text-slate-600,
.dark\:text-slate-300,
.dark\:text-slate-200 {
  color: var(--mtg-muted) !important;
}

.text-teal-700,
.text-teal-600,
.text-teal-300,
.dark\:text-teal-300,
.dark\:text-teal-200,
.hover\:text-teal-700:hover,
.hover\:text-teal-600:hover,
.dark\:hover\:text-teal-200:hover {
  color: var(--mtg-accent) !important;
}

.bg-teal-700 {
  background-color: var(--mtg-accent) !important;
}

.hover\:bg-teal-600:hover,
.hover\:bg-teal-700:hover {
  background-color: var(--mtg-accent-hover) !important;
}

.focus\:ring-teal-300:focus,
.focus\:ring-teal-200:focus,
.dark\:focus\:ring-teal-500\/40:focus,
.dark\:focus\:ring-teal-500\/30:focus {
  --tw-ring-color: var(--mtg-ring) !important;
  box-shadow: 0 0 0 4px var(--mtg-ring) !important;
}

.hover\:border-teal-700:hover,
.focus\:border-teal-700:focus {
  border-color: var(--mtg-accent) !important;
}

.from-teal-700 {
  --tw-gradient-from: var(--mtg-accent) !important;
}

.to-teal-400 {
  --tw-gradient-to: var(--mtg-accent-hover) !important;
}

.bg-rose-600,
.bg-rose-500,
.bg-rose-700 {
  background-color: rgba(59, 7, 11, 0.78) !important;
}

.hover\:bg-rose-500:hover,
.hover\:bg-rose-600:hover,
.hover\:bg-rose-700:hover {
  background-color: rgba(90, 10, 15, 0.88) !important;
}

.text-rose-200,
.text-rose-100 {
  color: var(--mtg-accent-hover) !important;
}

.hover\:text-rose-100:hover,
.hover\:text-rose-200:hover {
  color: #b1121b !important;
}

.border-rose-500\/30,
.border-rose-500\/20,
.border-rose-500\/10 {
  border-color: rgba(90, 10, 15, 0.35) !important;
}

.bg-rose-500\/10,
.bg-rose-500\/5 {
  background-color: rgba(90, 10, 15, 0.18) !important;
}

.focus\:ring-rose-400\/40:focus,
.focus\:ring-rose-300:focus,
.focus\:ring-rose-300\/30:focus {
  --tw-ring-color: var(--mtg-ring) !important;
  box-shadow: 0 0 0 4px var(--mtg-ring) !important;
}

.from-teal-700\/10 {
  --tw-gradient-from: rgba(90, 10, 15, 0.12) !important;
}

.via-teal-600\/5 {
  --tw-gradient-via: rgba(90, 10, 15, 0.08) !important;
}

.to-amber-400\/10 {
  --tw-gradient-to: rgba(200, 200, 200, 0.06) !important;
}

.dark\:from-rose-500\/10 {
  --tw-gradient-from: rgba(90, 10, 15, 0.14) !important;
}

.dark\:via-rose-500\/5 {
  --tw-gradient-via: rgba(90, 10, 15, 0.1) !important;
}

.dark\:to-orange-400\/10 {
  --tw-gradient-to: rgba(200, 200, 200, 0.05) !important;
}