:root {
  --vault-ink: #183b32;
  --vault-ink-deep: #102a23;
  --vault-paper: #fcfaf6;
  --vault-wash: #f2ece0;
  --vault-line: #e5ddce;
  --vault-gold: #b39665;
  --vault-gold-deep: #92784d;
}

html, body, #root {
  background:
    radial-gradient(circle at 82% 8%, rgba(179, 150, 101, .15), transparent 28rem),
    linear-gradient(145deg, #fcfaf6 0%, #f6f1e8 58%, #efe7da 100%) !important;
  color: var(--vault-ink) !important;
}

/* Preserve Domino's translucent glass layers while moving them into the Vault palette. */
.MuiPaper-root,
.MuiCard-root,
.MuiAppBar-root,
.MuiDrawer-paper,
[class*="glass"],
[class*="Glass"] {
  background-color: rgba(252, 250, 246, .76) !important;
  border-color: rgba(179, 150, 101, .30) !important;
  box-shadow: 0 10px 34px rgba(24, 59, 50, .10) !important;
}

.MuiDrawer-paper {
  background: rgba(252, 250, 246, .92) !important;
}

.MuiButton-containedPrimary,
.MuiButton-containedSecondary,
.MuiFab-primary,
.MuiSpeedDial-fab,
button[aria-selected="true"],
[role="tab"][aria-selected="true"] {
  background-color: var(--vault-ink) !important;
  color: #fff !important;
}

.MuiButton-containedPrimary:hover,
.MuiButton-containedSecondary:hover,
.MuiFab-primary:hover,
.MuiSpeedDial-fab:hover {
  background-color: var(--vault-ink-deep) !important;
}

.MuiTabs-indicator,
.MuiLinearProgress-bar,
.MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track {
  background-color: var(--vault-gold) !important;
}

.MuiChip-colorPrimary,
.MuiChip-colorSecondary,
.MuiAvatar-colorDefault {
  background-color: rgba(179, 150, 101, .18) !important;
  color: var(--vault-ink) !important;
  border-color: var(--vault-gold) !important;
}

.MuiIconButton-colorPrimary,
.MuiIconButton-colorSecondary,
.MuiLink-root,
a {
  color: var(--vault-ink) !important;
}

.MuiOutlinedInput-notchedOutline,
.MuiDivider-root,
fieldset,
hr {
  border-color: var(--vault-line) !important;
}

.MuiInputBase-root,
.MuiMenu-paper,
.MuiPopover-paper,
.MuiDialog-paper {
  background-color: rgba(252, 250, 246, .94) !important;
}

.MuiTypography-colorPrimary,
.MuiTypography-colorSecondary {
  color: var(--vault-gold-deep) !important;
}

::selection {
  background: rgba(179, 150, 101, .34);
  color: var(--vault-ink-deep);
}