: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 {
  background: radial-gradient(circle at 18% 0%, rgba(198, 168, 106, 0.08), transparent 30%), var(--a12-void) !important;
  color: var(--a12-ink) !important;
}

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

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

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

.v-card,
.v-sheet,
.v-table,
.v-data-table {
  border-color: rgba(198, 168, 106, 0.22) !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__outline,
.v-divider {
  --v-border-color: 198, 168, 106;
  border-color: rgba(198, 168, 106, 0.35) !important;
}

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

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

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

.v-btn:hover,
a:hover {
  color: var(--a12-gold-bright) !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-chip,
.v-alert {
  background-color: rgba(198, 168, 106, 0.14) !important;
  color: var(--a12-ink) !important;
}

.a12-contact-grid .v-input,
.a12-contact-grid .v-field {
  width: 100% !important;
}

.ProseMirror,
.tiptap,
.editor,
.editor-content,
.editor__content,
.tox,
.tox-edit-area,
.tox-edit-area__iframe,
.cm-editor,
iframe {
  background-color: var(--a12-panel-soft) !important;
  color: var(--a12-ink) !important;
}

.ProseMirror,
.tiptap,
.editor-content,
.editor__content {
  min-height: 260px !important;
  border: 1px solid rgba(198, 168, 106, 0.22) !important;
}

.v-main form,
.v-main form .v-card,
.v-main form .v-sheet,
.v-main form .v-container {
  background-color: var(--a12-panel) !important;
  color: var(--a12-ink) !important;
}

.bg-white.rounded-lg.pa-4.position-relative.h-100.d-flex.flex-column {
  background-color: var(--a12-panel) !important;
  border: 1px solid rgba(198, 168, 106, 0.22) !important;
}

.bg-white.rounded-lg.pa-4.position-relative.h-100.d-flex.flex-column .v-form > div > .v-row {
  flex-wrap: nowrap !important;
}

.bg-white.rounded-lg.pa-4.position-relative.h-100.d-flex.flex-column .v-form > div > .v-row > .v-col:first-child {
  flex: 0 0 90px !important;
  max-width: 90px !important;
}

.bg-white.rounded-lg.pa-4.position-relative.h-100.d-flex.flex-column .v-form > div > .v-row > .v-col:nth-child(2) {
  flex: 1 1 auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

.bg-white.rounded-lg.pa-4.position-relative.h-100.d-flex.flex-column .v-form > div > .v-row > .v-col:nth-child(3) {
  flex: 0 0 auto !important;
  max-width: none !important;
  white-space: nowrap !important;
}

.bg-white.rounded-lg.pa-4.position-relative.h-100.d-flex.flex-column .v-form .v-input,
.bg-white.rounded-lg.pa-4.position-relative.h-100.d-flex.flex-column .v-form .v-field {
  width: 100% !important;
}

.v-main form label,
.v-main form .v-label,
.v-main form .text-caption {
  color: var(--a12-ink) !important;
}

.v-main form,
.v-main form *,
.ProseMirror,
.tiptap,
.editor,
.editor-content,
.editor__content,
.tox,
.tox * {
  border-color: rgba(198, 168, 106, 0.24) !important;
  outline-color: rgba(198, 168, 106, 0.24) !important;
}

.v-main form {
  box-shadow: none !important;
}

.v-main form > .v-card,
.v-main form > .v-sheet,
.v-main form .v-card,
.v-main form .v-sheet {
  box-shadow: none !important;
}
