/* L2.quest: restrained dark palette for the account and forum. */
html[data-theme-mode="dark"] {
  --default-text-color: #e5e1d8;
  --default-border: rgba(220, 194, 151, .16);
  --bootstrap-card-border: rgba(220, 194, 151, .16);
}
html[data-theme-mode="dark"] .main-content .card.custom-card {
  background-color: #303033;
  border-color: rgba(220, 194, 151, .16);
  box-shadow: 0 5px 18px rgba(0, 0, 0, .12);
}
html[data-theme-mode="dark"] .main-content .card-header,
html[data-theme-mode="dark"] .main-content .card-footer {
  border-color: rgba(220, 194, 151, .16);
}
html[data-theme-mode="dark"] .main-content .card-title,
html[data-theme-mode="dark"] .main-content .card-header h1,
html[data-theme-mode="dark"] .main-content .card-header h2,
html[data-theme-mode="dark"] .main-content .card-header h3,
html[data-theme-mode="dark"] .main-content .card-header h4,
html[data-theme-mode="dark"] .main-content .card-header h5 { color: #f1d39b; }
html[data-theme-mode="dark"] .main-content .text-muted { color: #bcb8b1 !important; }
html[data-theme-mode="dark"] .main-content .form-control,
html[data-theme-mode="dark"] .main-content .form-select {
  background-color: #26272a;
  border-color: #5a5550;
  color: #eeeae2;
}
html[data-theme-mode="dark"] .main-content .form-control::placeholder { color: #aaa6a1; }
html[data-theme-mode="dark"] .main-content .form-control:focus,
html[data-theme-mode="dark"] .main-content .form-select:focus { border-color: #c6a46d; box-shadow: 0 0 0 .2rem rgba(198,164,109,.16); }
html[data-theme-mode="dark"] .main-content .table { --bs-table-color: #e5e1d8; --bs-table-border-color: rgba(220,194,151,.16); }
html[data-theme-mode="dark"] .main-content .post,
html[data-theme-mode="dark"] .main-content .post p,
html[data-theme-mode="dark"] .main-content .post li,
html[data-theme-mode="dark"] .main-content .post span,
html[data-theme-mode="dark"] .main-content .post strong,
html[data-theme-mode="dark"] .main-content .post b { color: #e5e1d8 !important; }
html[data-theme-mode="dark"] .main-content .post p > strong:only-child,
html[data-theme-mode="dark"] .main-content .post p > b:only-child,
html[data-theme-mode="dark"] .main-content .post h1,
html[data-theme-mode="dark"] .main-content .post h2,
html[data-theme-mode="dark"] .main-content .post h3,
html[data-theme-mode="dark"] .main-content .post h4 { color: #f1d39b !important; }
html[data-theme-mode="dark"] .main-content .post a,
html[data-theme-mode="dark"] .main-content .post a span,
html[data-theme-mode="dark"] .main-content .post a strong { color: #a8d4e5 !important; }