:root {
  --a12-void: #0A0A0F;
  --a12-panel: #111118;
  --a12-panel-soft: #171720;
  --a12-gold: #C6A86A;
  --a12-gold-bright: #D8BD7C;
  --a12-ink: #f7f0df;
  --a12-muted: #b8ab8c;
}

body,
.v-application,
.v-main,
.v-main__wrap {
  background: radial-gradient(circle at 18% 0%, rgba(198, 168, 106, 0.09), transparent 32%), var(--a12-void) !important;
  color: var(--a12-ink) !important;
}

.v-navigation-drawer,
.v-app-bar,
.v-toolbar,
.v-card,
.v-sheet,
.v-dialog .v-overlay__content,
.v-list,
.v-menu > .v-overlay__content > .v-card,
.v-overlay__content .v-list {
  background-color: var(--a12-panel) !important;
  color: var(--a12-ink) !important;
}

.v-navigation-drawer {
  border-right: 1px solid rgba(198, 168, 106, 0.24) !important;
}

.v-app-bar,
.v-toolbar {
  border-bottom: 1px solid rgba(198, 168, 106, 0.18) !important;
}

.v-btn.bg-primary,
.v-btn--variant-elevated,
.bg-primary {
  background-color: var(--a12-gold) !important;
  color: var(--a12-void) !important;
}

.text-primary,
.v-label,
.v-field-label,
.v-list-item-title,
.v-card-title,
.v-toolbar-title,
.v-data-table-header__content,
a {
  color: var(--a12-gold) !important;
}

.v-field,
.v-input,
.v-table,
.v-data-table,
.v-table__wrapper,
table,
thead,
tbody,
tr,
td,
th {
  background-color: transparent !important;
  color: var(--a12-ink) !important;
}

.v-field,
.v-field__input,
input,
textarea,
.v-select__selection {
  background-color: var(--a12-panel-soft) !important;
  color: var(--a12-ink) !important;
}

.v-field__input::placeholder,
.text-medium-emphasis,
.text-disabled,
.v-list-item-subtitle {
  color: var(--a12-muted) !important;
}

.v-list-item:hover,
.v-data-table tbody tr:hover,
.v-table tbody tr:hover {
  background-color: rgba(198, 168, 106, 0.1) !important;
}

.v-field__outline,
.v-divider,
.v-table,
.v-data-table,
.v-card {
  --v-border-color: 198, 168, 106;
  border-color: rgba(198, 168, 106, 0.38) !important;
}

.v-chip,
.v-alert {
  background-color: rgba(198, 168, 106, 0.14) !important;
  color: var(--a12-ink) !important;
}

.v-progress-linear,
.v-progress-circular {
  color: var(--a12-gold) !important;
}

.v-btn:hover,
a:hover {
  color: var(--a12-gold-bright) !important;
}