:root {
  --brand-primary-50: #fbf4ea;
  --brand-primary-100: #f4e3cc;
  --brand-primary-200: #eacb9d;
  --brand-primary-300: #d6a667;
  --brand-primary-400: #c79256;
  --brand-primary-500: #b87e45;
  --brand-primary-600: #9b6334;
  --brand-primary-700: #7d4c29;
  --brand-primary-800: #5f391f;
  --brand-primary-900: #3f2617;
  --brand-primary-950: #28170d;
  --brand-primary-ring: rgb(184 126 69 / 0.28);
  --brand-black: #000000;
  --brand-surface-950: #050505;
  --brand-surface-900: #0a0a0a;
  --brand-surface-850: #111111;
  --brand-surface-800: #171717;
  --brand-surface-700: #242424;
  --brand-border-dark: #2a2a2a;
}

html.dark,
html.dark body {
  background: var(--brand-black) !important;
  background-color: var(--brand-black) !important;
}

body:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:bg-dark-950:is(.dark *),
.dark\:bg-slate-950:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:bg-dark-900:is(.dark *),
.dark\:bg-slate-900:is(.dark *),
.dark\:bg-gray-900:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:bg-dark-900\/30:is(.dark *),
.dark\:bg-slate-900\/30:is(.dark *),
.dark\:bg-gray-900\/30:is(.dark *) {
  background-color: rgb(10 10 10 / 0.3) !important;
}

.dark\:bg-dark-900\/40:is(.dark *) {
  background-color: rgb(10 10 10 / 0.4) !important;
}

.dark\:bg-dark-900\/50:is(.dark *) {
  background-color: rgb(10 10 10 / 0.5) !important;
}

.dark\:bg-dark-900\/60:is(.dark *) {
  background-color: rgb(10 10 10 / 0.6) !important;
}

.dark\:bg-dark-900\/70:is(.dark *) {
  background-color: rgb(10 10 10 / 0.7) !important;
}

.dark\:bg-dark-900\/90:is(.dark *) {
  background-color: rgb(10 10 10 / 0.9) !important;
}

.dark\:bg-dark-800:is(.dark *),
.dark\:bg-slate-800:is(.dark *),
.dark\:focus\:bg-dark-800:focus:is(.dark *),
.dark\:hover\:bg-dark-800:hover:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:bg-dark-800\/30:is(.dark *) {
  background-color: rgb(17 17 17 / 0.3) !important;
}

.dark\:bg-dark-800\/40:is(.dark *),
.dark\:hover\:bg-dark-800\/40:hover:is(.dark *) {
  background-color: rgb(17 17 17 / 0.4) !important;
}

.dark\:bg-dark-800\/50:is(.dark *),
.dark\:hover\:bg-dark-800\/50:hover:is(.dark *) {
  background-color: rgb(17 17 17 / 0.5) !important;
}

.dark\:bg-dark-800\/60:is(.dark *),
.dark\:hover\:bg-dark-800\/60:hover:is(.dark *) {
  background-color: rgb(17 17 17 / 0.6) !important;
}

.dark\:bg-dark-800\/70:is(.dark *) {
  background-color: rgb(17 17 17 / 0.7) !important;
}

.dark\:bg-dark-800\/80:is(.dark *) {
  background-color: rgb(17 17 17 / 0.8) !important;
}

.dark\:bg-dark-700:is(.dark *),
.dark\:hover\:bg-dark-700:hover:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:bg-dark-700\/20:is(.dark *) {
  background-color: rgb(23 23 23 / 0.2) !important;
}

.dark\:bg-dark-700\/30:is(.dark *),
.dark\:hover\:bg-dark-700\/30:hover:is(.dark *) {
  background-color: rgb(23 23 23 / 0.3) !important;
}

.dark\:bg-dark-700\/40:is(.dark *),
.dark\:hover\:bg-dark-700\/40:hover:is(.dark *) {
  background-color: rgb(23 23 23 / 0.4) !important;
}

.dark\:bg-dark-700\/50:is(.dark *),
.dark\:hover\:bg-dark-700\/50:hover:is(.dark *) {
  background-color: rgb(23 23 23 / 0.5) !important;
}

.dark\:bg-dark-700\/60:is(.dark *) {
  background-color: rgb(23 23 23 / 0.6) !important;
}

.dark\:bg-dark-700\/70:is(.dark *) {
  background-color: rgb(23 23 23 / 0.7) !important;
}

.dark\:bg-dark-600:is(.dark *),
.dark\:hover\:bg-dark-600:hover:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(36 36 36 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:bg-dark-500:is(.dark *),
.dark\:hover\:bg-dark-500:hover:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(48 48 48 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:border-dark-700:is(.dark *),
.dark\:ring-dark-700:is(.dark *) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(38 38 38 / var(--tw-border-opacity, 1)) !important;
  --tw-ring-color: rgb(38 38 38 / var(--tw-ring-opacity, 1)) !important;
}

.dark\:border-dark-600:is(.dark *),
.dark\:hover\:border-dark-600:hover:is(.dark *) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(48 48 48 / var(--tw-border-opacity, 1)) !important;
}

.dark\:border-dark-500:is(.dark *),
.dark\:hover\:border-dark-500:hover:is(.dark *) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(64 64 64 / var(--tw-border-opacity, 1)) !important;
}

.dark\:border-dark-400:is(.dark *),
.dark\:hover\:border-dark-400:hover:is(.dark *) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(82 82 82 / var(--tw-border-opacity, 1)) !important;
}

.dark\:from-dark-900:is(.dark *),
.dark\:from-slate-900:is(.dark *) {
  --tw-gradient-from: #0a0a0a var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.dark\:from-dark-950:is(.dark *),
.dark\:from-slate-950:is(.dark *) {
  --tw-gradient-from: #000000 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.dark\:via-dark-900:is(.dark *),
.dark\:via-slate-900:is(.dark *) {
  --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), #0a0a0a var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

.dark\:to-dark-800:is(.dark *) {
  --tw-gradient-to: #111111 var(--tw-gradient-to-position) !important;
}

.dark\:to-dark-950:is(.dark *),
.dark\:to-slate-950:is(.dark *) {
  --tw-gradient-to: #000000 var(--tw-gradient-to-position) !important;
}

::selection {
  background-color: rgb(214 166 103 / 0.28) !important;
  color: var(--brand-primary-900) !important;
}

.dark ::selection {
  background-color: rgb(214 166 103 / 0.36) !important;
  color: var(--brand-primary-50) !important;
}

.navigation-progress-bar {
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--brand-primary-300) 20%,
    var(--brand-primary-500) 50%,
    var(--brand-primary-300) 80%,
    transparent 100%
  ) !important;
}

:root.dark .navigation-progress-bar {
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--brand-primary-500) 20%,
    var(--brand-primary-300) 50%,
    var(--brand-primary-500) 80%,
    transparent 100%
  ) !important;
}

.btn:focus,
.input:focus,
.input:focus-within {
  --tw-ring-color: var(--brand-primary-ring) !important;
}

.btn-primary {
  --tw-gradient-from: var(--brand-primary-500) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: var(--brand-primary-600) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
  --tw-shadow-color: rgb(184 126 69 / 0.25) !important;
}

.btn-primary:hover {
  --tw-gradient-from: var(--brand-primary-600) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: var(--brand-primary-700) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
  --tw-shadow-color: rgb(184 126 69 / 0.34) !important;
}

.border-primary-100,
.hover\:border-primary-100:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(244 227 204 / var(--tw-border-opacity, 1)) !important;
}

.border-primary-100\/80 {
  border-color: rgb(244 227 204 / 0.8) !important;
}

.border-primary-200,
.hover\:border-primary-200:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(234 203 157 / var(--tw-border-opacity, 1)) !important;
}

.border-primary-300,
.focus-within\:border-primary-300:focus-within,
.focus\:border-primary-300:focus,
.hover\:border-primary-300:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(214 166 103 / var(--tw-border-opacity, 1)) !important;
}

.border-primary-400,
.hover\:border-primary-400:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(199 146 86 / var(--tw-border-opacity, 1)) !important;
}

.border-primary-500,
.focus\:border-primary-500:focus,
.hover\:border-primary-500:hover,
.peer:checked ~ .peer-checked\:border-primary-500 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(184 126 69 / var(--tw-border-opacity, 1)) !important;
}

.border-primary-600 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(155 99 52 / var(--tw-border-opacity, 1)) !important;
}

.bg-primary-50,
.hover\:bg-primary-50:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(251 244 234 / var(--tw-bg-opacity, 1)) !important;
}

.bg-primary-50\/50,
.hover\:bg-primary-50\/50:hover {
  background-color: rgb(251 244 234 / 0.5) !important;
}

.bg-primary-50\/80 {
  background-color: rgb(251 244 234 / 0.8) !important;
}

.bg-primary-100,
.hover\:bg-primary-100:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 227 204 / var(--tw-bg-opacity, 1)) !important;
}

.bg-primary-200\/50 {
  background-color: rgb(234 203 157 / 0.5) !important;
}

.hover\:bg-primary-200:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(234 203 157 / var(--tw-bg-opacity, 1)) !important;
}

.bg-primary-300\/10 {
  background-color: rgb(214 166 103 / 0.1) !important;
}

.bg-primary-400,
.dark\:bg-primary-300:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(199 146 86 / var(--tw-bg-opacity, 1)) !important;
}

.bg-primary-400\/10 {
  background-color: rgb(199 146 86 / 0.1) !important;
}

.bg-primary-400\/20,
.dark\:bg-primary-400\/15:is(.dark *) {
  background-color: rgb(199 146 86 / 0.2) !important;
}

.bg-primary-500,
.dark\:hover\:bg-primary-500:hover:is(.dark *),
.peer:checked ~ .peer-checked\:bg-primary-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(184 126 69 / var(--tw-bg-opacity, 1)) !important;
}

.bg-primary-500\/10 {
  background-color: rgb(184 126 69 / 0.1) !important;
}

.bg-primary-500\/15,
.dark\:bg-primary-500\/15:is(.dark *) {
  background-color: rgb(184 126 69 / 0.15) !important;
}

.bg-primary-600,
.hover\:bg-primary-600:hover,
.dark\:bg-primary-600:is(.dark *),
.peer:checked ~ .peer-checked\:bg-primary-600 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(155 99 52 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-primary-700:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(125 76 41 / var(--tw-bg-opacity, 1)) !important;
}

.from-primary-50 {
  --tw-gradient-from: var(--brand-primary-50) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(251 244 234 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-primary-400 {
  --tw-gradient-from: var(--brand-primary-400) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(199 146 86 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-primary-500 {
  --tw-gradient-from: var(--brand-primary-500) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(184 126 69 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-primary-600 {
  --tw-gradient-from: var(--brand-primary-600) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(155 99 52 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.via-primary-50\/30 {
  --tw-gradient-to: rgb(251 244 234 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), rgb(251 244 234 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

.to-primary-100 {
  --tw-gradient-to: var(--brand-primary-100) var(--tw-gradient-to-position) !important;
}

.to-primary-500 {
  --tw-gradient-to: var(--brand-primary-500) var(--tw-gradient-to-position) !important;
}

.to-primary-600 {
  --tw-gradient-to: var(--brand-primary-600) var(--tw-gradient-to-position) !important;
}

.text-primary-100 {
  --tw-text-opacity: 1 !important;
  color: rgb(244 227 204 / var(--tw-text-opacity, 1)) !important;
}

.text-primary-200,
.dark\:text-primary-100:is(.dark *) {
  --tw-text-opacity: 1 !important;
  color: rgb(234 203 157 / var(--tw-text-opacity, 1)) !important;
}

.text-primary-300,
.dark\:text-primary-200:is(.dark *),
.dark\:hover\:text-primary-200:hover:is(.dark *) {
  --tw-text-opacity: 1 !important;
  color: rgb(214 166 103 / var(--tw-text-opacity, 1)) !important;
}

.text-primary-400,
.dark\:text-primary-300:is(.dark *),
.dark\:hover\:text-primary-300:hover:is(.dark *) {
  --tw-text-opacity: 1 !important;
  color: rgb(199 146 86 / var(--tw-text-opacity, 1)) !important;
}

.text-primary-500,
.hover\:text-primary-500:hover,
.group:hover .group-hover\:text-primary-500,
.dark\:text-primary-400:is(.dark *),
.dark\:hover\:text-primary-400:hover:is(.dark *),
.dark\:focus\:text-primary-400:focus:is(.dark *) {
  --tw-text-opacity: 1 !important;
  color: rgb(184 126 69 / var(--tw-text-opacity, 1)) !important;
}

.text-primary-600,
.focus\:text-primary-600:focus,
.hover\:text-primary-600:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(155 99 52 / var(--tw-text-opacity, 1)) !important;
}

.text-primary-600\/90 {
  color: rgb(155 99 52 / 0.9) !important;
}

.text-primary-700,
.hover\:text-primary-700:hover,
.dark\:text-primary-700:is(.dark *) {
  --tw-text-opacity: 1 !important;
  color: rgb(125 76 41 / var(--tw-text-opacity, 1)) !important;
}

.text-primary-800,
.hover\:text-primary-800:hover,
.dark\:text-primary-800:is(.dark *) {
  --tw-text-opacity: 1 !important;
  color: rgb(95 57 31 / var(--tw-text-opacity, 1)) !important;
}

.text-primary-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(63 38 23 / var(--tw-text-opacity, 1)) !important;
}

.text-primary-400\/90,
.dark\:text-primary-400\/90:is(.dark *) {
  color: rgb(184 126 69 / 0.9) !important;
}

.ring-primary-100 {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(244 227 204 / var(--tw-ring-opacity, 1)) !important;
}

.ring-primary-500\/20,
.focus\:ring-primary-500\/20:focus,
.peer-focus\:ring-primary-300:focus,
.peer:focus ~ .peer-focus\:ring-primary-300 {
  --tw-ring-color: rgb(184 126 69 / 0.2) !important;
}

.focus\:ring-primary-300:focus {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(214 166 103 / var(--tw-ring-opacity, 1)) !important;
}

.focus\:ring-primary-500:focus {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(184 126 69 / var(--tw-ring-opacity, 1)) !important;
}

.shadow-primary-500\/20 {
  --tw-shadow-color: rgb(184 126 69 / 0.2) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}

.shadow-primary-500\/30 {
  --tw-shadow-color: rgb(184 126 69 / 0.3) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}

.hover\:shadow-primary-500\/10:hover {
  --tw-shadow-color: rgb(184 126 69 / 0.1) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}

.dark\:border-primary-400:is(.dark *) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(199 146 86 / var(--tw-border-opacity, 1)) !important;
}

.dark\:border-primary-500:is(.dark *),
.peer:checked ~ .peer-checked\:dark\:border-primary-500:is(.dark *) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(184 126 69 / var(--tw-border-opacity, 1)) !important;
}

.dark\:border-primary-600:is(.dark *),
.dark\:focus\:border-primary-600:focus:is(.dark *) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(155 99 52 / var(--tw-border-opacity, 1)) !important;
}

.dark\:border-primary-700:is(.dark *),
.dark\:focus-within\:border-primary-700:focus-within:is(.dark *) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(125 76 41 / var(--tw-border-opacity, 1)) !important;
}

.dark\:border-primary-700\/50:is(.dark *) {
  border-color: rgb(125 76 41 / 0.5) !important;
}

.dark\:border-primary-800:is(.dark *) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(95 57 31 / var(--tw-border-opacity, 1)) !important;
}

.dark\:border-primary-800\/50:is(.dark *) {
  border-color: rgb(95 57 31 / 0.5) !important;
}

.dark\:border-primary-900\/40:is(.dark *) {
  border-color: rgb(63 38 23 / 0.4) !important;
}

.dark\:border-primary-900\/50:is(.dark *) {
  border-color: rgb(63 38 23 / 0.5) !important;
}

.dark\:bg-primary-800\/40:is(.dark *) {
  background-color: rgb(95 57 31 / 0.4) !important;
}

.dark\:bg-primary-900\/20:is(.dark *),
.dark\:hover\:bg-primary-900\/20:hover:is(.dark *) {
  background-color: rgb(63 38 23 / 0.2) !important;
}

.dark\:bg-primary-900\/30:is(.dark *),
.dark\:hover\:bg-primary-900\/30:hover:is(.dark *) {
  background-color: rgb(63 38 23 / 0.3) !important;
}

.dark\:bg-primary-900\/40:is(.dark *) {
  background-color: rgb(63 38 23 / 0.4) !important;
}

.dark\:hover\:bg-primary-900\/50:hover:is(.dark *) {
  background-color: rgb(63 38 23 / 0.5) !important;
}

.dark\:bg-primary-950:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(40 23 13 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:from-primary-900\/20:is(.dark *) {
  --tw-gradient-from: rgb(63 38 23 / 0.2) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(63 38 23 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.dark\:from-primary-900\/30:is(.dark *) {
  --tw-gradient-from: rgb(63 38 23 / 0.3) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(63 38 23 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.dark\:from-primary-950\/40:is(.dark *) {
  --tw-gradient-from: rgb(40 23 13 / 0.4) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(40 23 13 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.dark\:to-primary-800\/20:is(.dark *) {
  --tw-gradient-to: rgb(95 57 31 / 0.2) var(--tw-gradient-to-position) !important;
}

.dark\:ring-primary-900:is(.dark *) {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(63 38 23 / var(--tw-ring-opacity, 1)) !important;
}

.dark\:ring-primary-900\/40:is(.dark *) {
  --tw-ring-color: rgb(63 38 23 / 0.4) !important;
}

.dark\:hover\:border-primary-400:hover:is(.dark *) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(199 146 86 / var(--tw-border-opacity, 1)) !important;
}

.dark\:hover\:border-primary-500:hover:is(.dark *),
.dark\:focus\:border-primary-500:focus:is(.dark *) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(184 126 69 / var(--tw-border-opacity, 1)) !important;
}

.dark\:hover\:border-primary-500\/30:hover:is(.dark *) {
  border-color: rgb(184 126 69 / 0.3) !important;
}

.dark\:hover\:border-primary-700:hover:is(.dark *) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(125 76 41 / var(--tw-border-opacity, 1)) !important;
}

.dark\:hover\:border-primary-800:hover:is(.dark *) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(95 57 31 / var(--tw-border-opacity, 1)) !important;
}

.dark\:hover\:bg-primary-800:hover:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(95 57 31 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:focus\:ring-primary-600:focus:is(.dark *) {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(155 99 52 / var(--tw-ring-opacity, 1)) !important;
}

.peer:focus ~ .dark\:peer-focus\:ring-primary-800:is(.dark *) {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(95 57 31 / var(--tw-ring-opacity, 1)) !important;
}

.route-dashboard .bg-blue-100,
.route-admin-dashboard .bg-blue-100,
.route-dashboard .bg-purple-100,
.route-admin-dashboard .bg-purple-100,
.route-dashboard .bg-green-100,
.route-admin-dashboard .bg-green-100,
.route-dashboard .bg-emerald-100,
.route-admin-dashboard .bg-emerald-100,
.route-dashboard .bg-amber-100,
.route-admin-dashboard .bg-amber-100,
.route-dashboard .bg-indigo-100,
.route-admin-dashboard .bg-indigo-100,
.route-dashboard .bg-violet-100,
.route-admin-dashboard .bg-violet-100,
.route-dashboard .bg-rose-100,
.route-admin-dashboard .bg-rose-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(251 244 234 / var(--tw-bg-opacity, 1)) !important;
}

.route-dashboard .dark\:bg-blue-900\/30:is(.dark *),
.route-admin-dashboard .dark\:bg-blue-900\/30:is(.dark *),
.route-dashboard .dark\:bg-purple-900\/30:is(.dark *),
.route-admin-dashboard .dark\:bg-purple-900\/30:is(.dark *),
.route-dashboard .dark\:bg-green-900\/30:is(.dark *),
.route-admin-dashboard .dark\:bg-green-900\/30:is(.dark *),
.route-dashboard .dark\:bg-emerald-900\/30:is(.dark *),
.route-admin-dashboard .dark\:bg-emerald-900\/30:is(.dark *),
.route-dashboard .dark\:bg-amber-900\/30:is(.dark *),
.route-admin-dashboard .dark\:bg-amber-900\/30:is(.dark *),
.route-dashboard .dark\:bg-indigo-900\/30:is(.dark *),
.route-admin-dashboard .dark\:bg-indigo-900\/30:is(.dark *),
.route-dashboard .dark\:bg-violet-900\/30:is(.dark *),
.route-admin-dashboard .dark\:bg-violet-900\/30:is(.dark *),
.route-dashboard .dark\:bg-rose-900\/30:is(.dark *),
.route-admin-dashboard .dark\:bg-rose-900\/30:is(.dark *) {
  background-color: rgb(63 38 23 / 0.3) !important;
}

.route-dashboard .text-blue-600,
.route-admin-dashboard .text-blue-600,
.route-dashboard .text-purple-600,
.route-admin-dashboard .text-purple-600,
.route-dashboard .text-green-600,
.route-admin-dashboard .text-green-600,
.route-dashboard .text-emerald-600,
.route-admin-dashboard .text-emerald-600,
.route-dashboard .text-amber-600,
.route-admin-dashboard .text-amber-600,
.route-dashboard .text-indigo-600,
.route-admin-dashboard .text-indigo-600,
.route-dashboard .text-violet-600,
.route-admin-dashboard .text-violet-600,
.route-dashboard .text-rose-600,
.route-admin-dashboard .text-rose-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(155 99 52 / var(--tw-text-opacity, 1)) !important;
}

.route-dashboard .dark\:text-blue-400:is(.dark *),
.route-admin-dashboard .dark\:text-blue-400:is(.dark *),
.route-dashboard .dark\:text-purple-400:is(.dark *),
.route-admin-dashboard .dark\:text-purple-400:is(.dark *),
.route-dashboard .dark\:text-green-400:is(.dark *),
.route-admin-dashboard .dark\:text-green-400:is(.dark *),
.route-dashboard .dark\:text-emerald-400:is(.dark *),
.route-admin-dashboard .dark\:text-emerald-400:is(.dark *),
.route-dashboard .dark\:text-amber-400:is(.dark *),
.route-admin-dashboard .dark\:text-amber-400:is(.dark *),
.route-dashboard .dark\:text-indigo-400:is(.dark *),
.route-admin-dashboard .dark\:text-indigo-400:is(.dark *),
.route-dashboard .dark\:text-violet-400:is(.dark *),
.route-admin-dashboard .dark\:text-violet-400:is(.dark *),
.route-dashboard .dark\:text-rose-400:is(.dark *),
.route-admin-dashboard .dark\:text-rose-400:is(.dark *) {
  --tw-text-opacity: 1 !important;
  color: rgb(214 166 103 / var(--tw-text-opacity, 1)) !important;
}

/* App shell: sidebar, header, cards, dropdowns, and global decorative wash. */
.bg-mesh-gradient {
  background-image:
    radial-gradient(at 36% 18%, rgb(214 166 103 / 0.11) 0, transparent 46%),
    radial-gradient(at 82% 0%, rgb(184 126 69 / 0.08) 0, transparent 42%),
    radial-gradient(at 0% 58%, rgb(95 57 31 / 0.08) 0, transparent 44%) !important;
}

.dark .bg-mesh-gradient,
.bg-mesh-gradient:is(.dark *) {
  background-image:
    radial-gradient(at 36% 18%, rgb(214 166 103 / 0.08) 0, transparent 45%),
    radial-gradient(at 82% 0%, rgb(184 126 69 / 0.06) 0, transparent 42%),
    radial-gradient(at 0% 58%, rgb(95 57 31 / 0.08) 0, transparent 44%) !important;
}

.glass:is(.dark *) {
  background-color: rgb(8 8 8 / 0.88) !important;
  border-color: rgb(42 42 42 / 0.75) !important;
}

.sidebar:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(5 5 5 / var(--tw-bg-opacity, 1)) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(38 38 38 / var(--tw-border-opacity, 1)) !important;
}

.sidebar-header:is(.dark *) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(38 38 38 / var(--tw-border-opacity, 1)) !important;
}

.sidebar-section-title:is(.dark *) {
  --tw-text-opacity: 1 !important;
  color: rgb(138 138 138 / var(--tw-text-opacity, 1)) !important;
}

.dark .sidebar-section-title:after {
  background: #2a2a2a !important;
}

.sidebar-link:is(.dark *) {
  --tw-text-opacity: 1 !important;
  color: rgb(214 214 214 / var(--tw-text-opacity, 1)) !important;
}

.sidebar-link:hover:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.sidebar-link-active {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(251 244 234 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(155 99 52 / var(--tw-text-opacity, 1)) !important;
}

.sidebar-link-active:is(.dark *) {
  background-color: rgb(63 38 23 / 0.42) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(214 166 103 / var(--tw-text-opacity, 1)) !important;
}

.sidebar-link-active:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 227 204 / var(--tw-bg-opacity, 1)) !important;
}

.sidebar-link-active:hover:is(.dark *) {
  background-color: rgb(95 57 31 / 0.55) !important;
}

.sidebar-logo {
  box-shadow: 0 0 24px rgb(214 166 103 / 0.22) !important;
}

.card:is(.dark *),
.card-glass:is(.dark *),
.dropdown:is(.dark *) {
  background-color: rgb(17 17 17 / 0.86) !important;
  border-color: rgb(42 42 42 / 0.8) !important;
}

.dropdown-item:hover:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(36 36 36 / var(--tw-bg-opacity, 1)) !important;
}

.btn-ghost:hover:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1)) !important;
}

.driver-active-element {
  outline-color: rgb(214 166 103 / 0.28) !important;
}

.dark .driver-popover.theme-tour-popover {
  background-color: #111111 !important;
  border-color: #2a2a2a !important;
  color: #f5f5f5 !important;
}

.dark .theme-tour-popover .driver-popover-footer {
  background-color: #0a0a0a !important;
  border-top-color: #262626 !important;
}

.dark .theme-tour-popover .driver-popover-close-btn:hover,
.dark .theme-tour-popover .driver-popover-prev-btn,
.dark .shortcut-item kbd {
  background-color: #171717 !important;
  border-color: #333333 !important;
}

.theme-tour-popover .driver-popover-next-btn {
  background-color: var(--brand-primary-500) !important;
}

.theme-tour-popover .driver-popover-next-btn:hover {
  background-color: var(--brand-primary-600) !important;
}

.dark .driver-popover-arrow-side-left.driver-popover-arrow {
  border-left-color: #111111 !important;
}

.dark .driver-popover-arrow-side-right.driver-popover-arrow {
  border-right-color: #111111 !important;
}

.dark .driver-popover-arrow-side-top.driver-popover-arrow {
  border-top-color: #111111 !important;
}

.dark .driver-popover-arrow-side-bottom.driver-popover-arrow {
  border-bottom-color: #111111 !important;
}

/* Global accent remap for hard-coded cold utilities in admin/layout chunks. */
.text-blue-300,
.text-blue-400,
.text-blue-500,
.text-blue-600,
.text-blue-700,
.text-indigo-300,
.text-indigo-400,
.text-indigo-500,
.text-indigo-600,
.text-indigo-700,
.text-purple-300,
.text-purple-400,
.text-purple-500,
.text-purple-600,
.text-purple-700,
.text-teal-300,
.text-teal-400,
.text-teal-500,
.text-teal-600,
.text-teal-700,
.text-cyan-300,
.text-cyan-400,
.text-cyan-500,
.text-cyan-600,
.text-cyan-700,
.text-emerald-300,
.text-emerald-400,
.text-emerald-500,
.text-emerald-600,
.text-emerald-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(155 99 52 / var(--tw-text-opacity, 1)) !important;
}

.dark\:text-blue-300:is(.dark *),
.dark\:text-blue-400:is(.dark *),
.dark\:text-blue-500:is(.dark *),
.dark\:text-indigo-300:is(.dark *),
.dark\:text-indigo-400:is(.dark *),
.dark\:text-indigo-500:is(.dark *),
.dark\:text-purple-300:is(.dark *),
.dark\:text-purple-400:is(.dark *),
.dark\:text-purple-500:is(.dark *),
.dark\:text-teal-300:is(.dark *),
.dark\:text-teal-400:is(.dark *),
.dark\:text-teal-500:is(.dark *),
.dark\:text-cyan-300:is(.dark *),
.dark\:text-cyan-400:is(.dark *),
.dark\:text-cyan-500:is(.dark *),
.dark\:text-emerald-300:is(.dark *),
.dark\:text-emerald-400:is(.dark *),
.dark\:text-emerald-500:is(.dark *) {
  --tw-text-opacity: 1 !important;
  color: rgb(214 166 103 / var(--tw-text-opacity, 1)) !important;
}

.bg-blue-50,
.bg-blue-50\/30,
.bg-indigo-50,
.bg-purple-50,
.bg-teal-50,
.bg-cyan-50,
.bg-emerald-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(251 244 234 / var(--tw-bg-opacity, 1)) !important;
}

.bg-blue-100,
.bg-indigo-100,
.bg-purple-100,
.bg-teal-100,
.bg-cyan-100,
.bg-emerald-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 227 204 / var(--tw-bg-opacity, 1)) !important;
}

.bg-blue-400,
.bg-indigo-400,
.bg-purple-400,
.bg-teal-400,
.bg-cyan-400,
.bg-emerald-400 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(199 146 86 / var(--tw-bg-opacity, 1)) !important;
}

.bg-blue-500,
.bg-indigo-500,
.bg-purple-500,
.bg-teal-500,
.bg-cyan-500,
.bg-emerald-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(184 126 69 / var(--tw-bg-opacity, 1)) !important;
}

.bg-blue-600,
.bg-indigo-600,
.bg-purple-600,
.bg-teal-600,
.bg-cyan-600,
.bg-emerald-600 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(155 99 52 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-blue-700:hover,
.hover\:bg-indigo-700:hover,
.hover\:bg-purple-700:hover,
.hover\:bg-teal-700:hover,
.hover\:bg-cyan-700:hover,
.hover\:bg-emerald-700:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(125 76 41 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:bg-blue-900\/5:is(.dark *),
.dark\:bg-indigo-900\/5:is(.dark *),
.dark\:bg-purple-900\/5:is(.dark *),
.dark\:bg-teal-900\/5:is(.dark *),
.dark\:bg-cyan-900\/5:is(.dark *),
.dark\:bg-emerald-900\/5:is(.dark *) {
  background-color: rgb(63 38 23 / 0.08) !important;
}

.dark\:bg-blue-900\/10:is(.dark *),
.dark\:bg-indigo-900\/10:is(.dark *),
.dark\:bg-purple-900\/10:is(.dark *),
.dark\:bg-teal-900\/10:is(.dark *),
.dark\:bg-cyan-900\/10:is(.dark *),
.dark\:bg-emerald-900\/10:is(.dark *) {
  background-color: rgb(63 38 23 / 0.12) !important;
}

.dark\:bg-blue-900\/20:is(.dark *),
.dark\:bg-indigo-900\/20:is(.dark *),
.dark\:bg-purple-900\/20:is(.dark *),
.dark\:bg-teal-900\/20:is(.dark *),
.dark\:bg-cyan-900\/20:is(.dark *),
.dark\:bg-emerald-900\/20:is(.dark *) {
  background-color: rgb(63 38 23 / 0.22) !important;
}

.dark\:bg-blue-900\/30:is(.dark *),
.dark\:bg-indigo-900\/30:is(.dark *),
.dark\:bg-purple-900\/30:is(.dark *),
.dark\:bg-teal-900\/30:is(.dark *),
.dark\:bg-cyan-900\/30:is(.dark *),
.dark\:bg-emerald-900\/30:is(.dark *) {
  background-color: rgb(63 38 23 / 0.3) !important;
}

.dark\:bg-blue-900\/40:is(.dark *),
.dark\:bg-indigo-900\/40:is(.dark *),
.dark\:bg-purple-900\/40:is(.dark *),
.dark\:bg-teal-900\/40:is(.dark *),
.dark\:bg-cyan-900\/40:is(.dark *),
.dark\:bg-emerald-900\/40:is(.dark *) {
  background-color: rgb(63 38 23 / 0.4) !important;
}

.dark\:hover\:bg-blue-600:hover:is(.dark *),
.dark\:hover\:bg-indigo-600:hover:is(.dark *),
.dark\:hover\:bg-purple-600:hover:is(.dark *),
.dark\:hover\:bg-teal-600:hover:is(.dark *),
.dark\:hover\:bg-cyan-600:hover:is(.dark *),
.dark\:hover\:bg-emerald-600:hover:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(155 99 52 / var(--tw-bg-opacity, 1)) !important;
}

.border-blue-200,
.border-indigo-200,
.border-purple-200,
.border-teal-200,
.border-cyan-200,
.border-emerald-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(234 203 157 / var(--tw-border-opacity, 1)) !important;
}

.border-blue-400\/30,
.border-indigo-400\/30,
.border-purple-400\/30,
.border-teal-400\/30,
.border-cyan-400\/30,
.border-emerald-400\/30 {
  border-color: rgb(199 146 86 / 0.3) !important;
}

.dark\:border-blue-800\/50:is(.dark *),
.dark\:border-indigo-800\/50:is(.dark *),
.dark\:border-purple-800\/50:is(.dark *),
.dark\:border-teal-800\/50:is(.dark *),
.dark\:border-cyan-800\/50:is(.dark *),
.dark\:border-emerald-800\/50:is(.dark *) {
  border-color: rgb(95 57 31 / 0.5) !important;
}

.from-blue-400\/20,
.from-indigo-400\/20,
.from-purple-400\/20,
.from-teal-400\/20,
.from-cyan-400\/20,
.from-emerald-400\/20 {
  --tw-gradient-from: rgb(199 146 86 / 0.2) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(199 146 86 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-blue-50\/50,
.from-blue-50\/80,
.from-indigo-50\/50,
.from-purple-50\/50,
.from-teal-50,
.from-emerald-50 {
  --tw-gradient-from: rgb(251 244 234 / 0.8) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(251 244 234 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-blue-500,
.from-indigo-500,
.from-purple-500,
.from-teal-500,
.from-cyan-500,
.from-emerald-500 {
  --tw-gradient-from: var(--brand-primary-500) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(184 126 69 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-blue-600,
.from-indigo-600,
.from-purple-600,
.from-teal-600,
.from-cyan-600,
.from-emerald-600 {
  --tw-gradient-from: var(--brand-primary-600) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(155 99 52 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.dark\:from-blue-900\/10:is(.dark *),
.dark\:from-indigo-900\/10:is(.dark *),
.dark\:from-purple-900\/10:is(.dark *),
.dark\:from-teal-900\/10:is(.dark *),
.dark\:from-cyan-900\/10:is(.dark *),
.dark\:from-emerald-900\/10:is(.dark *) {
  --tw-gradient-from: rgb(63 38 23 / 0.12) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(63 38 23 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.dark\:from-blue-900\/20:is(.dark *),
.dark\:from-indigo-900\/20:is(.dark *),
.dark\:from-purple-900\/20:is(.dark *),
.dark\:from-teal-900\/20:is(.dark *),
.dark\:from-cyan-900\/20:is(.dark *),
.dark\:from-emerald-900\/20:is(.dark *) {
  --tw-gradient-from: rgb(63 38 23 / 0.22) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(63 38 23 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.via-indigo-50\/50,
.via-purple-50\/50 {
  --tw-gradient-to: rgb(251 244 234 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), rgb(251 244 234 / 0.55) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

.via-indigo-500,
.via-purple-500 {
  --tw-gradient-to: rgb(184 126 69 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--brand-primary-500) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

.dark\:via-indigo-900\/10:is(.dark *),
.dark\:via-purple-900\/10:is(.dark *) {
  --tw-gradient-to: rgb(63 38 23 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), rgb(63 38 23 / 0.12) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

.to-indigo-50\/30,
.to-purple-50\/30,
.to-teal-50 {
  --tw-gradient-to: rgb(251 244 234 / 0.35) var(--tw-gradient-to-position) !important;
}

.to-indigo-500\/20,
.to-purple-500\/20 {
  --tw-gradient-to: rgb(184 126 69 / 0.2) var(--tw-gradient-to-position) !important;
}

.to-indigo-600,
.to-purple-600,
.to-teal-600 {
  --tw-gradient-to: var(--brand-primary-600) var(--tw-gradient-to-position) !important;
}

.dark\:to-indigo-900\/5:is(.dark *),
.dark\:to-purple-900\/5:is(.dark *),
.dark\:to-teal-900\/20:is(.dark *) {
  --tw-gradient-to: rgb(63 38 23 / 0.12) var(--tw-gradient-to-position) !important;
}

.shadow-blue-500\/30,
.shadow-indigo-500\/30,
.shadow-purple-500\/30,
.shadow-teal-500\/30,
.shadow-cyan-500\/30,
.shadow-emerald-500\/30 {
  --tw-shadow-color: rgb(184 126 69 / 0.3) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}

/* Component chunks keep their own scoped teal rules, so utility remaps alone do not catch them. */
.date-picker-trigger,
.select-trigger,
.date-picker-input,
.select-dropdown-portal {
  background-color: #ffffff !important;
  border-color: #e5e7eb !important;
  color: #111827 !important;
}

.date-picker-trigger.date-picker-trigger:focus,
.date-picker-trigger-open.date-picker-trigger-open,
.date-picker-input.date-picker-input:focus,
.select-trigger.select-trigger:focus,
.select-trigger-open.select-trigger-open {
  border-color: var(--brand-primary-300) !important;
  --tw-ring-color: rgb(214 166 103 / 0.28) !important;
  box-shadow: 0 0 0 2px rgb(214 166 103 / 0.22) !important;
}

.date-picker-dropdown,
.select-dropdown-portal {
  background-color: #ffffff !important;
  border-color: #e5e7eb !important;
  box-shadow: 0 18px 50px rgb(15 23 42 / 0.12) !important;
}

.date-picker-preset,
.select-dropdown-portal .select-option,
.select-dropdown-portal .select-option-group,
.select-dropdown-portal .select-empty {
  color: #374151 !important;
}

.date-picker-preset:hover,
.select-dropdown-portal .select-option:hover,
.select-dropdown-portal .select-option-focused {
  background-color: #f9fafb !important;
  color: #111827 !important;
}

.date-picker-preset-active,
.select-dropdown-portal .select-option-selected {
  background-color: rgb(251 244 234 / 1) !important;
  color: var(--brand-primary-700) !important;
}

.date-picker-apply {
  background-color: var(--brand-primary-500) !important;
  color: #ffffff !important;
}

.date-picker-apply:hover {
  background-color: var(--brand-primary-600) !important;
}

.date-picker-divider,
.select-dropdown-portal .select-search {
  border-color: #f3f4f6 !important;
}

.date-picker-trigger:is(.dark *),
.select-trigger:is(.dark *),
.date-picker-input:is(.dark *),
.select-dropdown-portal:is(.dark *) {
  background-color: #0a0a0a !important;
  border-color: #2a2a2a !important;
  color: #f5f5f5 !important;
}

.date-picker-dropdown:is(.dark *),
.select-dropdown-portal:is(.dark *) {
  background-color: #0a0a0a !important;
  border-color: #2a2a2a !important;
  box-shadow: 0 18px 50px rgb(0 0 0 / 0.55) !important;
}

.date-picker-preset:is(.dark *),
.select-dropdown-portal .select-option:is(.dark *),
.select-dropdown-portal .select-option-group:is(.dark *),
.select-dropdown-portal .select-empty:is(.dark *) {
  color: #d4d4d4 !important;
}

.date-picker-preset:hover:is(.dark *),
.select-dropdown-portal .select-option:hover:is(.dark *),
.select-dropdown-portal .select-option-focused:is(.dark *) {
  background-color: #171717 !important;
  color: #f5f5f5 !important;
}

.date-picker-preset-active:is(.dark *),
.select-dropdown-portal .select-option-selected:is(.dark *) {
  background-color: rgb(63 38 23 / 0.42) !important;
  color: var(--brand-primary-300) !important;
}

.date-picker-divider:is(.dark *),
.select-dropdown-portal .select-search:is(.dark *) {
  border-color: #242424 !important;
}

/* Broader dashboard/admin accent remap for chunks that hard-code non-primary palettes. */
.text-green-300,
.text-green-400,
.text-green-500,
.text-green-600,
.text-green-700,
.text-green-800,
.text-emerald-800,
.text-blue-800,
.text-blue-900,
.text-indigo-800,
.text-purple-800,
.text-teal-800,
.text-cyan-800,
.text-sky-300,
.text-sky-400,
.text-sky-500,
.text-sky-600,
.text-sky-700,
.text-sky-800,
.text-violet-300,
.text-violet-400,
.text-violet-500,
.text-violet-600,
.text-violet-700,
.text-violet-800,
.text-pink-300,
.text-pink-400,
.text-pink-500,
.text-pink-600,
.text-pink-700,
.text-pink-800,
.text-amber-400,
.text-amber-500,
.text-amber-600,
.text-amber-700,
.text-amber-800,
.text-yellow-400,
.text-yellow-500,
.text-yellow-600,
.text-yellow-700,
.text-yellow-800 {
  --tw-text-opacity: 1 !important;
  color: rgb(184 126 69 / var(--tw-text-opacity, 1)) !important;
}

.dark\:text-green-300:is(.dark *),
.dark\:text-green-400:is(.dark *),
.dark\:text-green-500:is(.dark *),
.dark\:text-green-600:is(.dark *),
.dark\:text-emerald-200:is(.dark *),
.dark\:text-emerald-300:is(.dark *),
.dark\:text-emerald-400:is(.dark *),
.dark\:text-blue-200:is(.dark *),
.dark\:text-blue-300:is(.dark *),
.dark\:text-blue-400:is(.dark *),
.dark\:text-purple-200:is(.dark *),
.dark\:text-purple-300:is(.dark *),
.dark\:text-purple-400:is(.dark *),
.dark\:text-teal-400:is(.dark *),
.dark\:text-cyan-400:is(.dark *),
.dark\:text-sky-300:is(.dark *),
.dark\:text-sky-400:is(.dark *),
.dark\:text-violet-200:is(.dark *),
.dark\:text-violet-300:is(.dark *),
.dark\:text-violet-400:is(.dark *),
.dark\:text-pink-300:is(.dark *),
.dark\:text-pink-400:is(.dark *),
.dark\:text-amber-200:is(.dark *),
.dark\:text-amber-300:is(.dark *),
.dark\:text-amber-400:is(.dark *),
.dark\:text-yellow-300:is(.dark *),
.dark\:text-yellow-400:is(.dark *) {
  --tw-text-opacity: 1 !important;
  color: rgb(214 166 103 / var(--tw-text-opacity, 1)) !important;
}

.bg-green-50,
.bg-green-50\/50,
.bg-yellow-50,
.bg-amber-50,
.bg-pink-50,
.bg-orange-50,
.bg-lime-50,
.bg-sky-50,
.bg-violet-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(251 244 234 / var(--tw-bg-opacity, 1)) !important;
}

.bg-green-100,
.bg-yellow-100,
.bg-amber-100,
.bg-pink-100,
.bg-orange-100,
.bg-lime-100,
.bg-sky-100,
.bg-violet-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 227 204 / var(--tw-bg-opacity, 1)) !important;
}

.bg-green-400,
.bg-yellow-400,
.bg-amber-400,
.bg-pink-400,
.bg-orange-400,
.bg-lime-400,
.bg-sky-400,
.bg-violet-400 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(199 146 86 / var(--tw-bg-opacity, 1)) !important;
}

.bg-green-500,
.bg-yellow-500,
.bg-amber-500,
.bg-pink-500,
.bg-orange-500,
.bg-lime-500,
.bg-sky-500,
.bg-violet-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(184 126 69 / var(--tw-bg-opacity, 1)) !important;
}

.bg-blue-500\/20,
.bg-green-500\/20,
.bg-emerald-500\/20,
.bg-amber-500\/20,
.bg-yellow-500\/20,
.bg-pink-500\/20,
.bg-sky-500\/20,
.bg-violet-500\/20 {
  background-color: rgb(184 126 69 / 0.2) !important;
}

.bg-green-600,
.bg-yellow-600,
.bg-amber-600,
.bg-pink-600,
.bg-sky-600,
.bg-violet-600 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(155 99 52 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-green-200:hover,
.hover\:bg-green-50:hover,
.hover\:bg-emerald-50:hover,
.hover\:bg-yellow-200:hover,
.hover\:bg-amber-200:hover,
.hover\:bg-orange-50:hover,
.hover\:bg-orange-200:hover,
.hover\:bg-lime-200:hover,
.hover\:bg-pink-200:hover,
.hover\:bg-sky-200:hover,
.hover\:bg-violet-200:hover,
.hover\:bg-blue-100:hover,
.hover\:bg-blue-50:hover,
.hover\:bg-purple-50:hover,
.hover\:bg-yellow-50:hover,
.hover\:bg-amber-50:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(234 203 157 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-green-600:hover,
.hover\:bg-yellow-600:hover,
.hover\:bg-amber-600:hover,
.hover\:bg-pink-600:hover,
.hover\:bg-sky-600:hover,
.hover\:bg-violet-600:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(155 99 52 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:bg-green-900\/20:is(.dark *),
.dark\:bg-green-900\/30:is(.dark *),
.dark\:bg-green-900\/40:is(.dark *),
.dark\:bg-green-900\/10:is(.dark *),
.dark\:bg-yellow-900\/20:is(.dark *),
.dark\:bg-yellow-900\/30:is(.dark *),
.dark\:bg-yellow-900\/40:is(.dark *),
.dark\:bg-amber-900\/20:is(.dark *),
.dark\:bg-amber-900\/30:is(.dark *),
.dark\:bg-amber-900\/40:is(.dark *),
.dark\:bg-pink-900\/20:is(.dark *),
.dark\:bg-pink-900\/30:is(.dark *),
.dark\:bg-orange-900\/20:is(.dark *),
.dark\:bg-orange-900\/30:is(.dark *),
.dark\:bg-lime-900\/30:is(.dark *),
.dark\:bg-sky-900\/20:is(.dark *),
.dark\:bg-sky-900\/30:is(.dark *),
.dark\:bg-violet-900:is(.dark *),
.dark\:bg-violet-900\/20:is(.dark *),
.dark\:bg-violet-900\/30:is(.dark *),
.dark\:bg-blue-500\/20:is(.dark *),
.dark\:bg-green-500\/20:is(.dark *),
.dark\:bg-emerald-500\/10:is(.dark *),
.dark\:bg-emerald-500\/20:is(.dark *),
.dark\:bg-amber-500\/10:is(.dark *),
.dark\:bg-amber-500\/20:is(.dark *),
.dark\:bg-yellow-500\/20:is(.dark *),
.dark\:bg-pink-500\/20:is(.dark *),
.dark\:bg-sky-500\/20:is(.dark *),
.dark\:bg-violet-500\/20:is(.dark *) {
  background-color: rgb(63 38 23 / 0.3) !important;
}

.dark\:bg-blue-900:is(.dark *),
.dark\:bg-green-900:is(.dark *),
.dark\:bg-amber-900:is(.dark *),
.dark\:bg-yellow-900:is(.dark *),
.dark\:bg-purple-900:is(.dark *),
.dark\:bg-pink-900:is(.dark *),
.dark\:bg-sky-900:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(63 38 23 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:bg-blue-950:is(.dark *),
.dark\:bg-blue-950\/20:is(.dark *),
.dark\:bg-green-950:is(.dark *),
.dark\:bg-green-950\/20:is(.dark *) {
  background-color: rgb(40 23 13 / 0.28) !important;
}

.bg-blue-900\/50,
.hover\:bg-blue-900\/50:hover,
.hover\:bg-purple-900\/50:hover,
.hover\:bg-green-900\/50:hover,
.hover\:bg-amber-900\/50:hover {
  background-color: rgb(63 38 23 / 0.42) !important;
}

.dark\:hover\:bg-blue-900\/20:hover:is(.dark *),
.dark\:hover\:bg-blue-900\/30:hover:is(.dark *),
.dark\:hover\:bg-blue-900\/50:hover:is(.dark *),
.dark\:hover\:bg-purple-900\/20:hover:is(.dark *),
.dark\:hover\:bg-yellow-900\/20:hover:is(.dark *),
.dark\:hover\:bg-amber-900\/20:hover:is(.dark *),
.dark\:hover\:bg-green-900\/20:hover:is(.dark *),
.dark\:hover\:bg-emerald-900\/20:hover:is(.dark *),
.dark\:hover\:bg-orange-900\/20:hover:is(.dark *),
.dark\:hover\:bg-sky-900\/20:hover:is(.dark *) {
  background-color: rgb(63 38 23 / 0.38) !important;
}

.border-green-200,
.border-green-300,
.border-green-500,
.border-yellow-200,
.border-yellow-300,
.border-amber-200,
.border-amber-300,
.border-amber-400,
.border-amber-500,
.border-pink-200,
.border-sky-200,
.border-violet-200,
.border-blue-100,
.border-blue-300,
.border-blue-500,
.border-purple-500 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(234 203 157 / var(--tw-border-opacity, 1)) !important;
}

.dark\:border-green-700:is(.dark *),
.dark\:border-green-800:is(.dark *),
.dark\:border-yellow-700:is(.dark *),
.dark\:border-amber-600:is(.dark *),
.dark\:border-amber-700:is(.dark *),
.dark\:border-amber-800:is(.dark *),
.dark\:border-amber-500\/30:is(.dark *),
.dark\:border-amber-700\/40:is(.dark *),
.dark\:border-amber-800\/30:is(.dark *),
.dark\:border-blue-600:is(.dark *),
.dark\:border-blue-700:is(.dark *),
.dark\:border-blue-800:is(.dark *),
.dark\:border-blue-800\/30:is(.dark *),
.dark\:border-blue-900:is(.dark *),
.dark\:border-emerald-500\/30:is(.dark *),
.dark\:border-emerald-800\/30:is(.dark *),
.dark\:border-purple-800\/30:is(.dark *),
.dark\:border-purple-800\/40:is(.dark *) {
  border-color: rgb(95 57 31 / 0.62) !important;
}

.hover\:border-green-300:hover,
.hover\:border-green-700:hover,
.hover\:border-yellow-300:hover,
.hover\:border-yellow-700:hover,
.hover\:border-amber-300:hover,
.hover\:border-amber-700:hover,
.hover\:border-blue-300:hover,
.hover\:border-blue-700:hover,
.hover\:border-purple-300:hover,
.hover\:border-purple-700:hover {
  border-color: rgb(214 166 103 / 0.85) !important;
}

.focus\:ring-blue-500:focus,
.focus\:ring-yellow-500:focus,
.focus\:ring-green-500:focus,
.focus\:ring-amber-500:focus,
.ring-amber-500\/30,
.ring-yellow-500\/30,
.ring-blue-500\/30,
.ring-green-500\/30 {
  --tw-ring-color: rgb(214 166 103 / 0.3) !important;
}

.hover\:text-blue-300:hover,
.hover\:text-blue-400:hover,
.hover\:text-blue-500:hover,
.hover\:text-blue-600:hover,
.hover\:text-blue-700:hover,
.hover\:text-blue-800:hover,
.hover\:text-green-300:hover,
.hover\:text-green-400:hover,
.hover\:text-green-500:hover,
.hover\:text-green-600:hover,
.hover\:text-purple-300:hover,
.hover\:text-purple-400:hover,
.hover\:text-purple-500:hover,
.hover\:text-purple-600:hover,
.hover\:text-yellow-600:hover,
.hover\:text-amber-600:hover,
.dark\:hover\:text-blue-300:hover:is(.dark *),
.dark\:hover\:text-blue-400:hover:is(.dark *),
.dark\:hover\:text-gray-200:hover:is(.dark *) {
  --tw-text-opacity: 1 !important;
  color: rgb(214 166 103 / var(--tw-text-opacity, 1)) !important;
}

/* Keep small usage/billing tags readable on black without the pale default tints. */
.inline-flex[class*="bg-blue-100"][class*="text-blue-"],
.inline-flex[class*="bg-purple-100"][class*="text-purple-"],
.inline-flex[class*="bg-green-100"][class*="text-green-"],
.inline-flex[class*="bg-emerald-100"][class*="text-emerald-"],
.inline-flex[class*="bg-amber-100"][class*="text-amber-"],
.inline-flex[class*="bg-yellow-100"][class*="text-yellow-"],
.inline-flex[class*="bg-pink-100"][class*="text-pink-"],
.inline-flex[class*="bg-sky-100"][class*="text-sky-"],
.inline-flex[class*="bg-violet-100"][class*="text-violet-"] {
  background-color: rgb(251 244 234 / 0.95) !important;
  border: 1px solid rgb(184 126 69 / 0.22) !important;
  color: var(--brand-primary-700) !important;
}

.inline-flex[class*="bg-blue-100"][class*="text-blue-"]:is(.dark *),
.inline-flex[class*="bg-purple-100"][class*="text-purple-"]:is(.dark *),
.inline-flex[class*="bg-green-100"][class*="text-green-"]:is(.dark *),
.inline-flex[class*="bg-emerald-100"][class*="text-emerald-"]:is(.dark *),
.inline-flex[class*="bg-amber-100"][class*="text-amber-"]:is(.dark *),
.inline-flex[class*="bg-yellow-100"][class*="text-yellow-"]:is(.dark *),
.inline-flex[class*="bg-pink-100"][class*="text-pink-"]:is(.dark *),
.inline-flex[class*="bg-sky-100"][class*="text-sky-"]:is(.dark *),
.inline-flex[class*="bg-violet-100"][class*="text-violet-"]:is(.dark *) {
  background-color: rgb(63 38 23 / 0.78) !important;
  border: 1px solid rgb(214 166 103 / 0.35) !important;
  color: var(--brand-primary-300) !important;
}

/* Usage tooltips use bg-gray-900 even in light mode; keep that treatment scoped to tooltip-shaped blocks. */
html:not(.dark) .whitespace-nowrap.bg-gray-900.text-white {
  background-color: #ffffff !important;
  border-color: #e5e7eb !important;
  color: #111827 !important;
  box-shadow: 0 18px 48px rgb(15 23 42 / 0.16) !important;
}

html:not(.dark) .whitespace-nowrap.bg-gray-900.text-white .text-white,
html:not(.dark) .whitespace-nowrap.bg-gray-900.text-white .font-medium,
html:not(.dark) .whitespace-nowrap.bg-gray-900.text-white .font-semibold {
  color: #111827 !important;
}

html:not(.dark) .whitespace-nowrap.bg-gray-900.text-white .text-gray-300,
html:not(.dark) .whitespace-nowrap.bg-gray-900.text-white .text-gray-400 {
  color: #6b7280 !important;
}

html:not(.dark) .whitespace-nowrap.bg-gray-900.text-white .border-gray-700 {
  border-color: #e5e7eb !important;
}

.text-gradient {
  --tw-gradient-from: var(--brand-primary-300) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(214 166 103 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
  --tw-gradient-to: var(--brand-primary-500) var(--tw-gradient-to-position) !important;
}

.input-ring:focus {
  border-color: var(--brand-primary-300) !important;
  box-shadow: 0 0 0 3px rgb(214 166 103 / 0.22) !important;
}

.driver-active-element {
  outline-color: rgb(214 166 103 / 0.22) !important;
}

.markdown-body a {
  color: var(--brand-primary-300) !important;
  text-decoration-color: rgb(214 166 103 / 0.45) !important;
}

.markdown-body a:hover {
  text-decoration-color: var(--brand-primary-300) !important;
}

.markdown-body li::marker {
  color: var(--brand-primary-300) !important;
}

.markdown-body blockquote {
  border-color: rgb(214 166 103 / 0.6) !important;
  background-color: rgb(63 38 23 / 0.16) !important;
}

.markdown-body blockquote:before {
  color: rgb(214 166 103 / 0.22) !important;
}

.markdown-body th {
  --tw-gradient-from: rgb(63 38 23 / 0.18) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(63 38 23 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), rgb(40 23 13 / 0.16) var(--tw-gradient-to-position) !important;
}

/* Neutralize the app's original slate/dark scale so black pages do not drift blue. */
.\!input:is(.dark *),
.input:is(.dark *),
.btn-secondary:is(.dark *),
.dropdown:is(.dark *),
.modal-content:is(.dark *),
.toast:is(.dark *),
.\!code:is(.dark *),
.code:is(.dark *),
.tabs:is(.dark *),
.select-trigger:is(.dark *),
.select-dropdown-portal:is(.dark *),
.date-picker-trigger:is(.dark *),
.date-picker-dropdown:is(.dark *),
.date-picker-input:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1)) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(42 42 42 / var(--tw-border-opacity, 1)) !important;
}

.\!input:disabled:is(.dark *),
.input:disabled:is(.dark *),
.select-trigger-disabled:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1)) !important;
  opacity: 0.6 !important;
}

.btn-secondary:hover:is(.dark *),
.btn-ghost:hover:is(.dark *),
.dropdown-item:hover:is(.dark *),
.table tbody tr:hover:is(.dark *),
.select-dropdown-portal .select-option:hover:is(.dark *),
.select-dropdown-portal .select-option-focused:is(.dark *),
.date-picker-preset:hover:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1)) !important;
}

.\!input:is(.dark *)::placeholder,
.input:is(.dark *)::placeholder,
.\!input:is(.dark *)::-moz-placeholder,
.input:is(.dark *)::-moz-placeholder,
.select-dropdown-portal .select-search-input:is(.dark *)::placeholder,
.select-dropdown-portal .select-search-input:is(.dark *)::-moz-placeholder {
  --tw-text-opacity: 1 !important;
  color: rgb(115 115 115 / var(--tw-text-opacity, 1)) !important;
}

.card:is(.dark *),
.stat-card:is(.dark *),
.card-glass:is(.dark *),
.glass:is(.dark *) {
  background-color: rgb(10 10 10 / 0.78) !important;
  border-color: rgb(42 42 42 / 0.9) !important;
}

.table th:is(.dark *),
.dark .table-wrapper .table-header,
.dark .sticky-header-cell {
  background-color: #111111 !important;
  border-color: #2a2a2a !important;
}

.table td:is(.dark *),
.modal-header:is(.dark *),
.modal-footer:is(.dark *),
.dropdown:is(.dark *),
.table th:is(.dark *) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(42 42 42 / var(--tw-border-opacity, 1)) !important;
}

.dark tbody .sticky-col,
.dark tbody tr:hover .sticky-col {
  background-color: #0a0a0a !important;
}

.progress:is(.dark *),
.switch:is(.dark *),
.skeleton:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(36 36 36 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:bg-dark-500:is(.dark *),
.dark\:hover\:bg-dark-500:hover:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(48 48 48 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:bg-dark-600:is(.dark *),
.dark\:hover\:bg-dark-600:hover:is(.dark *),
.dark\:focus\:bg-dark-600:focus:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(36 36 36 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:bg-dark-700:is(.dark *),
.dark\:bg-dark-700\/20:is(.dark *),
.dark\:bg-dark-700\/30:is(.dark *),
.dark\:bg-dark-700\/40:is(.dark *),
.dark\:bg-dark-700\/50:is(.dark *),
.dark\:bg-dark-700\/60:is(.dark *),
.dark\:bg-dark-700\/70:is(.dark *),
.dark\:hover\:bg-dark-700:hover:is(.dark *),
.dark\:hover\:bg-dark-700\/30:hover:is(.dark *),
.dark\:hover\:bg-dark-700\/40:hover:is(.dark *),
.dark\:hover\:bg-dark-700\/50:hover:is(.dark *) {
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 0.7)) !important;
}

.dark\:bg-dark-800:is(.dark *),
.dark\:bg-dark-800\/30:is(.dark *),
.dark\:bg-dark-800\/40:is(.dark *),
.dark\:bg-dark-800\/50:is(.dark *),
.dark\:bg-dark-800\/60:is(.dark *),
.dark\:bg-dark-800\/70:is(.dark *),
.dark\:bg-dark-800\/80:is(.dark *),
.dark\:hover\:bg-dark-800:hover:is(.dark *),
.dark\:hover\:bg-dark-800\/40:hover:is(.dark *),
.dark\:hover\:bg-dark-800\/50:hover:is(.dark *),
.dark\:hover\:bg-dark-800\/60:hover:is(.dark *),
.dark\:focus\:bg-dark-800:focus:is(.dark *) {
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 0.8)) !important;
}

.dark\:bg-slate-800:is(.dark *),
.dark\:bg-slate-900:is(.dark *),
.dark\:bg-slate-900\/30:is(.dark *),
.dark\:focus\:bg-dark-900:focus:is(.dark *) {
  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1)) !important;
}

.border-dark-600,
.dark\:border-dark-500:is(.dark *),
.dark\:border-dark-600:is(.dark *),
.dark\:border-dark-600\/60:is(.dark *),
.dark\:border-dark-700:is(.dark *),
.dark\:border-dark-700\/50:is(.dark *),
.dark\:border-dark-700\/60:is(.dark *),
.dark\:border-dark-700\/70:is(.dark *),
.dark\:border-dark-800:is(.dark *),
.dark\:border-dark-800\/50:is(.dark *),
.dark\:border-slate-700:is(.dark *),
.dark\:border-b-dark-600:is(.dark *),
.dark\:border-t-dark-600:is(.dark *),
.dark\:md\:border-dark-700:is(.dark *),
.dark\:divide-dark-600:is(.dark *) > :not([hidden]) ~ :not([hidden]),
.dark\:divide-dark-700:is(.dark *) > :not([hidden]) ~ :not([hidden]),
.dark\:divide-dark-800:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-border-opacity: 1 !important;
  --tw-divide-opacity: 1 !important;
  border-color: rgb(42 42 42 / var(--tw-border-opacity, 1)) !important;
}

.dark\:ring-dark-500\/40:is(.dark *),
.dark\:ring-dark-700:is(.dark *),
.dark\:ring-slate-500\/30:is(.dark *),
.dark\:ring-slate-700\/70:is(.dark *),
.ring-slate-200\/80,
.ring-slate-600\/20 {
  --tw-ring-color: rgb(64 64 64 / 0.55) !important;
}

.text-slate-500,
.text-slate-600,
.text-slate-700,
.dark\:text-dark-500:is(.dark *),
.dark\:text-dark-600:is(.dark *),
.dark\:text-dark-700:is(.dark *),
.dark\:text-dark-800:is(.dark *) {
  --tw-text-opacity: 1 !important;
  color: rgb(163 163 163 / var(--tw-text-opacity, 1)) !important;
}

.dark\:from-dark-700:is(.dark *) {
  --tw-gradient-from: #171717 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(23 23 23 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.dark\:to-dark-600:is(.dark *) {
  --tw-gradient-to: #242424 var(--tw-gradient-to-position) !important;
}

.dark\:to-dark-700:is(.dark *) {
  --tw-gradient-to: #171717 var(--tw-gradient-to-position) !important;
}

.dark\:to-dark-800:is(.dark *),
.dark\:to-dark-950:is(.dark *) {
  --tw-gradient-to: #0a0a0a var(--tw-gradient-to-position) !important;
}

*:hover:is(.dark *)::-webkit-scrollbar-thumb {
  background-color: rgb(64 64 64 / 0.65) !important;
}