:root {
  --primary: #d4af37;
  --secondary: #8a6a12;
  --accent: #f4d76b;
  --primary-fg: #111111;
  --body-fg: #f5edd1;
  --body-bg: #090909;
  --body-quiet-color: #c3a85a;
  --body-loud-color: #fff4c2;
  --header-color: #fff4c2;
  --header-branding-color: #fff4c2;
  --header-bg: #0d0d0d;
  --header-link-color: #f4d76b;
  --breadcrumbs-fg: #f5edd1;
  --breadcrumbs-link-fg: #fff4c2;
  --breadcrumbs-bg: #201806;
  --link-fg: #f4d76b;
  --link-hover-color: #fff4c2;
  --link-selected-fg: #fff4c2;
  --hairline-color: rgba(212, 175, 55, 0.18);
  --border-color: rgba(212, 175, 55, 0.24);
  --error-fg: #ffd3d3;
  --message-success-bg: rgba(212, 175, 55, 0.12);
  --message-warning-bg: rgba(180, 83, 9, 0.18);
  --message-error-bg: rgba(127, 29, 29, 0.24);
  --darkened-bg: #050505;
  --selected-bg: rgba(212, 175, 55, 0.14);
  --selected-row: rgba(212, 175, 55, 0.08);
  --close-button-bg: #7a1f1f;
  --close-button-hover-bg: #9f2929;
}

html[data-theme="light"],
html[data-theme="dark"],
body {
  background: #090909;
  color: var(--body-fg);
}

#header {
  background: linear-gradient(180deg, #111111 0%, #090909 100%);
  color: var(--header-color);
  border-bottom: 1px solid rgba(212, 175, 55, 0.2);
}

#site-name a,
#site-name a:link,
#site-name a:visited {
  color: #f4d76b;
  font-weight: 800;
  letter-spacing: 0.08em;
}

#user-tools,
#user-tools a,
#logout-form button {
  color: #f5edd1;
}

div.breadcrumbs {
  background: #201806;
  border-bottom: 1px solid rgba(212, 175, 55, 0.16);
}

.module,
.inline-group,
#changelist-filter,
#changelist,
.submit-row,
.selector,
.dashboard .module table,
.app-alpha-fitness.module {
  background: rgba(12, 10, 6, 0.94);
  border-color: rgba(212, 175, 55, 0.18);
}

.dashboard .module table,
.module table {
  border-color: rgba(212, 175, 55, 0.18);
}

.module caption,
.module h2 {
  background: linear-gradient(180deg, #241b06 0%, #1a1304 100%);
  color: #fff4c2;
}

a:link, a:visited {
  color: #f4d76b;
}

a:hover {
  color: #fff4c2;
}

input, textarea, select, .vTextField, .vLargeTextField {
  background: #111111;
  color: #f5edd1;
  border: 1px solid rgba(212, 175, 55, 0.25);
}

input:focus, textarea:focus, select:focus {
  border-color: #d4af37;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.35);
}

button,
input[type="submit"],
input[type="button"],
.button,
.submit-row input,
a.button,
.object-tools a,
.object-tools a:link,
.object-tools a:visited {
  background: #d4af37;
  color: #111111;
  border-color: #d4af37;
  font-weight: 700;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.button:hover,
.submit-row input:hover,
a.button:hover,
.object-tools a:hover {
  background: #f4d76b;
  color: #111111;
}

.button.default,
input[type="submit"].default,
.submit-row input.default {
  background: #f4d76b;
  color: #111111;
}

table thead th,
thead th,
tfoot td {
  background: #151007;
  color: #fff4c2;
  border-bottom: 1px solid rgba(212, 175, 55, 0.18);
}

tr:nth-child(even),
.row-form-errors,
tr.form-row {
  background: rgba(255, 255, 255, 0.01);
}

tr:hover td,
tr:hover th {
  background: rgba(212, 175, 55, 0.05);
}

.messagelist .success {
  background: rgba(212, 175, 55, 0.12);
}

.messagelist .warning {
  background: rgba(180, 83, 9, 0.18);
}

.messagelist .error {
  background: rgba(127, 29, 29, 0.22);
}

#content-related .module h2,
#content-related .module caption {
  background: #1a1304;
}

.selector-chosen h2,
.selector-available h2 {
  background: #1a1304 !important;
}

.paginator,
.paginator a:link,
.paginator a:visited {
  color: #f5edd1;
}