:root {
  --primary: #111111;
  --secondary: #9A6A16;
  --accent: #E8C45C;
  --primary-fg: #F7F5EF;
  --body-fg: #111111;
  --body-bg: #F4F2EC;
  --body-quiet-color: #65655F;
  --body-medium-color: #4D4A43;
  --body-loud-color: #111111;
  --header-color: #F7F5EF;
  --header-branding-color: #E8C45C;
  --header-bg: #111111;
  --header-link-color: #F7F5EF;
  --breadcrumbs-fg: #65655F;
  --breadcrumbs-link-fg: #9A6A16;
  --breadcrumbs-bg: #EAE2D4;
  --link-fg: #9A6A16;
  --link-hover-color: #111111;
  --link-selected-fg: #111111;
  --button-bg: #111111;
  --button-fg: #F7F5EF;
  --button-hover-bg: #9A6A16;
  --default-button-bg: #111111;
  --default-button-hover-bg: #9A6A16;
  --close-button-bg: #65655F;
  --close-button-hover-bg: #111111;
  --delete-button-bg: #9A6A16;
  --delete-button-hover-bg: #111111;
  --object-tools-bg: #111111;
  --object-tools-fg: #F7F5EF;
  --object-tools-hover-bg: #9A6A16;
  --hairline-color: #D7D4CB;
  --border-color: #D7D4CB;
  --darkened-bg: #EAE2D4;
  --selected-bg: #F0DFA7;
  --selected-row: #F8EDC9;
  --message-success-bg: #E4E9D7;
  --message-warning-bg: #F6E4B7;
  --message-error-bg: #F3D6CE;
}

body {
  font-family: "Inter", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  background: var(--body-bg);
}

#header {
  background: var(--header-bg);
  color: var(--header-color);
}

#branding h1,
#branding h1 a:link,
#branding h1 a:visited {
  color: var(--header-branding-color);
  font-family: "Source Han Serif SC", "Noto Serif SC", "Songti SC", "SimSun", serif;
}

div.breadcrumbs {
  background: var(--breadcrumbs-bg);
  color: var(--breadcrumbs-fg);
}

div.breadcrumbs a {
  color: var(--breadcrumbs-link-fg);
}

.module h2,
.module caption,
.inline-group h2 {
  background: var(--primary);
  color: var(--primary-fg);
}

.button,
input[type="submit"],
input[type="button"],
.submit-row input,
a.button {
  background: var(--button-bg);
  color: var(--button-fg);
}

.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.submit-row input:hover,
a.button:hover {
  background: var(--button-hover-bg);
}

.object-tools a:link,
.object-tools a:visited {
  background: var(--object-tools-bg);
  color: var(--object-tools-fg);
}

.object-tools a:hover,
.object-tools a:focus {
  background: var(--object-tools-hover-bg);
}

#changelist-filter h2 {
  background: var(--primary);
  color: var(--primary-fg);
}

#changelist-filter li.selected a {
  color: var(--link-selected-fg);
  font-weight: 600;
}