body {
  background:
    radial-gradient(circle at 18% 8%, rgba(201, 164, 106, 0.12), transparent 28%),
    radial-gradient(circle at 82% 16%, rgba(142, 29, 44, 0.14), transparent 30%),
    linear-gradient(180deg, #100d11 0%, #0d0b0e 48%, #09080b 100%) !important;
  color: #a99a91 !important;
}

.container,
.wrap {
  max-width: 860px !important;
}

nav,
.nav {
  border: 1px solid rgba(247, 239, 230, 0.1);
  background: rgba(23, 18, 23, 0.72);
  border-radius: 18px;
  padding: 10px 12px;
  width: fit-content;
}

nav a,
.nav a {
  color: #c9a46a !important;
}

h1 {
  color: #f7efe6 !important;
  letter-spacing: 0 !important;
}

.subtitle,
.lead,
.fine {
  color: #a99a91 !important;
}

.panel,
.tool-card,
.item,
table,
th,
td {
  border-color: rgba(247, 239, 230, 0.12) !important;
}

.panel,
.tool-card,
.item,
td {
  background: linear-gradient(180deg, rgba(247, 239, 230, 0.055), rgba(247, 239, 230, 0.018)), rgba(23, 18, 23, 0.84) !important;
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.38) !important;
}

.tool-card:hover {
  border-color: rgba(201, 164, 106, 0.34) !important;
  background: rgba(33, 26, 32, 0.86) !important;
}

.tool-card h2,
.item b,
th {
  color: #f7efe6 !important;
}

.tool-card p,
td {
  color: #a99a91 !important;
}

.tag {
  background: rgba(201, 164, 106, 0.1) !important;
  color: #c9a46a !important;
  border: 1px solid rgba(201, 164, 106, 0.24);
}

textarea {
  background: rgba(13, 11, 14, 0.82) !important;
  border-color: rgba(247, 239, 230, 0.14) !important;
  color: #f7efe6 !important;
}

textarea:focus {
  border-color: rgba(201, 164, 106, 0.55) !important;
}

button,
.container > div:last-child a {
  background: linear-gradient(135deg, #a82d3d, #8e1d2c 54%, #5f1420) !important;
  color: #f7efe6 !important;
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.32) !important;
}