:root {
  --vr-ink-black: #1f1216;
  --vr-oxblood-shadow: #4a2a33;
  --vr-aged-plum: #5d3944;
  --vr-dusty-mauve: #6c4f57;
  --vr-faded-rosewood: #936775;
  --vr-ash-pink: #a67786;
  --vr-parchment-blush: #b18b97;
  --vr-moonlit-mauve: #c9a1ae;
  --vr-antique-text: #d7b3bf;
  --vr-soft-text: #c9a1ae;
  --vr-muted-text: #b18b97;
  --vr-faint-text: #936775;
  --vr-badge-ink: #f0d5dd;
  --vr-body: #1d1115;
  --vr-surface: #24151a;
  --vr-surface-strong: #311d23;
  --vr-header: #150c0f;
  --vr-header-deep: #11090c;
  --vr-border: #50313a;
  --vr-input: #28181d;
  --vr-hover: #3a232a;
}

html,
body,
#root {
  background: var(--vr-body);
  color: var(--vr-antique-text);
}

body {
  font-family: "Amiri", "Iowan Old Style", "Palatino Linotype", serif;
  background-image:
    radial-gradient(circle at top, rgba(166, 119, 134, 0.12), transparent 35%),
    linear-gradient(180deg, rgba(17, 9, 12, 0.92), rgba(29, 17, 21, 1) 22%);
  background-attachment: fixed;
}

a,
.text-primary-600,
.dark\:text-accent-blue {
  color: var(--vr-moonlit-mauve) !important;
}

.text-white,
.dark\:text-white,
.text-gray-50,
.text-gray-100,
.text-primary-50,
.dark\:text-primary-50 {
  color: var(--vr-antique-text) !important;
}

.bg-white,
.bg-gray-50,
.bg-gray-100,
.bg-gray-200,
.dark\:bg-gray-700,
.dark\:bg-gray-800,
.dark\:bg-gray-900,
.dark\:bg-gray-900\/50,
.black\:bg-black,
.black\:rounded-t-none,
.notification .focusable,
.status--wrapper,
.ReactModal__Content,
[data-testid='account'],
.dropdown-menu,
.menu,
.shadow-lg,
.shadow-xl {
  background-color: var(--vr-surface) !important;
  color: var(--vr-antique-text) !important;
}

.border,
.border-gray-200,
.border-gray-300,
.dark\:border-gray-800,
.dark\:ring-primary-700,
.ring-white,
.dark\:ring-gray-800 {
  border-color: var(--vr-border) !important;
  --tw-ring-color: var(--vr-border) !important;
}

.bg-primary-50,
.dark\:bg-gray-700,
.dark\:bg-gray-800,
.dark\:bg-gray-900,
.dark\:bg-gray-900\/50 {
  background-color: var(--vr-surface) !important;
}

.hover\:bg-gray-100:hover,
.dark\:hover\:bg-gray-800:hover,
.group:hover,
.focusable:hover,
.status:hover .status--wrapper {
  background-color: var(--vr-hover) !important;
}

.text-gray-800,
.text-gray-900,
.dark\:text-gray-200,
.dark\:text-gray-300,
.text-black {
  color: var(--vr-antique-text) !important;
}

.text-gray-600,
.text-gray-400,
.text-gray-500,
.text-gray-700,
.dark\:text-gray-500,
.dark\:text-gray-400,
.theme-muted,
.text-muted {
  color: var(--vr-muted-text) !important;
}

input,
textarea,
select,
button[role='switch'],
.react-colorful,
.focus\:ring-primary-500:focus,
.dark\:focus\:ring-primary-500:focus {
  background-color: var(--vr-input);
  color: var(--vr-antique-text);
  border-color: var(--vr-dusty-mauve);
}

input::placeholder,
textarea::placeholder {
  color: var(--vr-faint-text);
}

button,
.bg-primary-500,
.bg-secondary-500,
.theme-primary {
  border-color: var(--vr-faded-rosewood);
}

.bg-primary-500,
.theme-primary {
  background-color: var(--vr-oxblood-shadow) !important;
  color: var(--vr-badge-ink) !important;
}

.bg-secondary-500,
.theme-secondary {
  background-color: var(--vr-aged-plum) !important;
  color: var(--vr-badge-ink) !important;
}

.prose,
.markup,
.status__content,
.status__content *,
[data-testid='status-content'],
[data-testid='status-content'] * {
  color: var(--vr-antique-text) !important;
}

.prose a,
.markup a {
  color: var(--vr-moonlit-mauve);
}

.shadow-lg,
.shadow-xl {
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.42) !important;
}

[data-testid='verified-badge'] {
  color: var(--vr-moonlit-mauve) !important;
  filter: drop-shadow(0 0 8px rgba(201, 161, 174, 0.18));
}

[data-testid='verified-badge'] img,
[data-testid='verified-badge'] svg {
  filter:
    drop-shadow(0 0 5px rgba(201, 161, 174, 0.34))
    drop-shadow(0 0 1px rgba(240, 213, 221, 0.55));
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-bold,
.font-semibold,
.display-name,
.display-name__html,
.display-name__account,
[data-testid='display-name'],
[data-testid='account-display-name'] {
  color: var(--vr-soft-text) !important;
}