:root {
  color-scheme: dark;
  --rdj-bg: #101113;
  --rdj-bg-2: #0c0d0f;
  --rdj-panel: #18191d;
  --rdj-panel-2: #1e2025;
  --rdj-line: #30323a;
  --rdj-soft-line: #252730;
  --rdj-text: #f6f4ef;
  --rdj-muted: #9ca3b6;
  --rdj-dim: #6e7483;
  --rdj-accent: #00aaff;
  --rdj-accent-2: #0088cc;
  --rdj-success: #1f8b51;
  --rdj-error: #b01f2a;
}

body {
  background:
    radial-gradient(circle at 50% 0%, rgba(0, 170, 255, .05), transparent 28rem),
    linear-gradient(180deg, var(--rdj-bg), var(--rdj-bg-2) 58rem, var(--rdj-bg)) !important;
  color: var(--rdj-text) !important;
}

.glass {
  background: rgba(24, 25, 29, .88) !important;
  border-color: var(--rdj-line) !important;
}

.input-glass,
input[type="text"],
input[type="url"],
input[type="email"],
input[type="password"],
textarea,
select {
  background-color: var(--rdj-panel-2) !important;
  border-color: var(--rdj-soft-line) !important;
  color: var(--rdj-text) !important;
}

.bg-\[\#0A0A0C\],
.lg\:bg-\[\#0A0A0C\],
.bg-\[\#050505\] {
  background-color: var(--rdj-bg) !important;
}

.bg-\[\#0A0A0C\]\/60 { background-color: rgba(16, 17, 19, .6) !important; }
.bg-\[\#0A0A0C\]\/80 { background-color: rgba(16, 17, 19, .8) !important; }
.bg-\[\#0A0A0C\]\/95 { background-color: rgba(16, 17, 19, .95) !important; }

.bg-\[\#141417\],
.bg-white\/\[0\.04\],
.bg-white\/5 {
  background-color: var(--rdj-panel) !important;
}

.bg-white\/10,
.hover\:bg-white\/10:hover,
.nav-link:hover {
  background-color: var(--rdj-panel-2) !important;
}

.border-white\/5,
.border-white\/10 {
  border-color: var(--rdj-soft-line) !important;
}

.text-white { color: var(--rdj-text) !important; }
.text-white\/40 { color: rgba(246, 244, 239, .4) !important; }
.text-white\/60 { color: rgba(246, 244, 239, .6) !important; }
.text-white\/70 { color: rgba(246, 244, 239, .7) !important; }

.text-\[\#0A0A0C\],
.hover\:text-\[\#0A0A0C\]:hover {
  color: #030a13 !important;
}

.text-\[\#00aaff\],
.\!text-\[\#00aaff\],
.hover\:text-\[\#00aaff\]:hover,
.group:hover .group-hover\:text-\[\#00aaff\] {
  color: var(--rdj-accent) !important;
}

.bg-\[\#00aaff\],
.hover\:bg-\[\#00aaff\]:hover,
.peer:checked ~ .peer-checked\:bg-\[\#00aaff\] {
  background-color: var(--rdj-accent) !important;
}

.border-\[\#00aaff\],
.hover\:border-\[\#00aaff\]:hover,
.focus\:border-\[\#00aaff\]:focus {
  border-color: var(--rdj-accent) !important;
}

.ring-offset-\[\#0A0A0C\] {
  --tw-ring-offset-color: var(--rdj-bg) !important;
}

.sidebar-item-active,
.btn-save-main {
  background: var(--rdj-accent) !important;
  color: #030a13 !important;
}

.toast-glass,
.tooltip-content {
  background: var(--rdj-panel) !important;
  border-color: var(--rdj-line) !important;
  color: var(--rdj-text) !important;
}

.bg-emerald-500\/10,
.bg-emerald-500\/20 {
  background-color: rgba(31, 139, 81, .16) !important;
}

.text-emerald-500 { color: var(--rdj-success) !important; }

.border-emerald-500\/10,
.border-emerald-500\/20 {
  border-color: rgba(31, 139, 81, .35) !important;
}

.bg-red-500\/10,
.bg-red-500\/20 {
  background-color: rgba(176, 31, 42, .16) !important;
}

.text-red-500,
.text-red-500\/80 {
  color: var(--rdj-error) !important;
}

.border-red-500\/10,
.border-red-500\/20,
.border-red-500\/30,
.border-red-500\/50 {
  border-color: rgba(176, 31, 42, .42) !important;
}