:root {
  --augur-gold: #c9a65b;
  --augur-gold-bright: #e0bf73;
  --augur-gold-muted: #8f7440;
  --augur-red: #b84c4c;
  --augur-surface: #101413;
  --augur-surface-raised: #171c1a;
  --augur-border: rgba(201, 166, 91, 0.34);
}

body {
  --interactive-accent: var(--augur-gold);
  --interactive-accent-hover: var(--augur-gold-bright);
  --link-color: var(--augur-gold-bright);
  --link-color-hover: #f0d99a;
  --text-accent: var(--augur-gold-bright);
  --text-accent-hover: #f0d99a;
  --h1-color: #f1e5c5;
  --h2-color: #e4cc93;
  --h3-color: #d7b96f;
  --blockquote-border-color: var(--augur-gold-muted);
}

body.theme-dark {
  --background-primary: #0d1110;
  --background-primary-alt: var(--augur-surface);
  --background-secondary: #111614;
  --background-secondary-alt: var(--augur-surface-raised);
  --background-modifier-border: var(--augur-border);
  --background-modifier-hover: rgba(201, 166, 91, 0.08);
}

html {
  background: #070a0b;
  color-scheme: dark;
}

body,
body.theme-light,
body.theme-dark {
  --background-primary: #0b0f10;
  --background-primary-alt: #0e1314;
  --background-secondary: #080c0d;
  --background-secondary-alt: #111718;
  --background-modifier-border: rgba(191, 145, 63, 0.26);
  --background-modifier-border-hover: rgba(191, 145, 63, 0.52);
  --background-modifier-hover: rgba(191, 145, 63, 0.09);
  --background-modifier-active-hover: rgba(191, 145, 63, 0.14);
  --interactive-normal: #111718;
  --interactive-hover: #182020;
  --interactive-accent: #bf913f;
  --interactive-accent-hover: #d9b861;
  --text-normal: #e7e1d6;
  --text-muted: #b7aea0;
  --text-faint: #817a70;
  --text-on-accent: #090c0d;
  --text-accent: #d9b861;
  --text-accent-hover: #f0d79b;
  --link-color: #d9b861;
  --link-color-hover: #f0d79b;
  --h1-color: #f1eadc;
  --h2-color: #d9b861;
  --h3-color: #d8c49b;
  --h4-color: #cab88f;
  --nav-item-color: #c8c0b3;
  --nav-item-color-hover: #f0e8d9;
  --nav-item-color-active: #e4c777;
  --nav-item-background-hover: rgba(191, 145, 63, 0.08);
  --nav-item-background-active: rgba(191, 145, 63, 0.14);
  --blockquote-border-color: #8f7440;
  background: #070a0b;
  color: var(--text-normal);
}

.published-container,
.site-body,
.site-body-center-column,
.markdown-preview-view,
.markdown-rendered {
  background-color: var(--background-primary);
  color: var(--text-normal);
}

.site-header {
  background: rgba(7, 10, 11, 0.97);
  border-bottom: 1px solid var(--background-modifier-border);
}

.site-body-left-column {
  background:
    radial-gradient(circle at 12% 5%, rgba(191, 145, 63, 0.08), transparent 28%),
    #080c0d;
  border-right: 1px solid var(--background-modifier-border);
}

.site-body-right-column {
  background: #080c0d;
  border-left: 1px solid var(--background-modifier-border);
}

.site-body-left-column-site-name,
.site-body-left-column-site-logo {
  color: #d9b861;
  text-shadow: 0 0 18px rgba(191, 145, 63, 0.16);
}

.nav-file-title,
.nav-folder-title,
.tree-item-self {
  color: var(--nav-item-color);
  border-radius: 3px;
}

.nav-file-title:hover,
.nav-folder-title:hover,
.tree-item-self:hover {
  color: var(--nav-item-color-hover);
  background: var(--nav-item-background-hover);
}

.nav-file-title.is-active,
.tree-item-self.is-active {
  color: var(--nav-item-color-active);
  background: linear-gradient(90deg, rgba(191, 145, 63, 0.17), rgba(191, 145, 63, 0.04));
  box-shadow: inset 2px 0 #bf913f;
}

.markdown-rendered h1 {
  color: var(--h1-color);
  text-shadow: 0 0 24px rgba(191, 145, 63, 0.1);
}

.markdown-rendered h2 {
  color: var(--h2-color);
  border-bottom-color: var(--background-modifier-border);
}

.markdown-rendered h3,
.markdown-rendered h4 {
  color: var(--h3-color);
}

.markdown-rendered a {
  color: var(--link-color);
}

.markdown-rendered a:hover {
  color: var(--link-color-hover);
}

.markdown-rendered hr {
  border-color: var(--background-modifier-border);
}

.markdown-rendered blockquote {
  color: #c9c0b2;
  background: rgba(191, 145, 63, 0.045);
  border-left-color: #8f7440;
}

.callout {
  color: var(--text-normal);
  background: linear-gradient(135deg, rgba(191, 145, 63, 0.1), rgba(16, 22, 23, 0.92));
  border: 1px solid var(--background-modifier-border);
  box-shadow: inset 3px 0 rgba(191, 145, 63, 0.66);
}

.callout-title {
  color: #dfc47e;
}

.markdown-rendered table {
  border: 1px solid var(--background-modifier-border);
  background: #0c1112;
}

.markdown-rendered th {
  color: #dfc47e;
  background: #12191a;
}

.markdown-rendered td,
.markdown-rendered th {
  border-color: rgba(191, 145, 63, 0.2);
}

.markdown-rendered tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.018);
}

.markdown-rendered code,
.markdown-rendered pre {
  color: #eadfc9;
  background: #070b0c;
  border-color: var(--background-modifier-border);
}

input,
textarea,
select,
.search-input-container input {
  color: var(--text-normal);
  background: #0d1213;
  border-color: var(--background-modifier-border);
}

input:focus,
textarea:focus,
select:focus {
  border-color: rgba(191, 145, 63, 0.72);
  box-shadow: 0 0 0 2px rgba(191, 145, 63, 0.12);
}

button {
  color: #e7dfd0;
  background: #111718;
  border-color: var(--background-modifier-border);
}

button:hover {
  color: #f0d79b;
  background: #182020;
  border-color: rgba(191, 145, 63, 0.58);
}

::selection {
  color: #fff7e8;
  background: rgba(191, 145, 63, 0.42);
}

* {
  scrollbar-color: #8f7440 #080c0d;
}

.markdown-rendered h1 {
  letter-spacing: -0.02em;
}

.markdown-rendered h2 {
  border-bottom: 1px solid var(--augur-border);
  padding-bottom: 0.3em;
}

.markdown-rendered img:not(.emoji) {
  border: 1px solid var(--augur-border);
  border-radius: 8px;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.22);
}

.markdown-rendered table {
  width: 100%;
}

.markdown-rendered th {
  color: var(--augur-gold-bright);
}

.callout {
  border-radius: 6px;
}

.callout[data-callout="tip"] {
  --callout-color: 201, 166, 91;
}

.callout[data-callout="warning"] {
  --callout-color: 184, 76, 76;
}

.site-body-left-column-site-name,
.site-body-left-column-site-logo {
  color: var(--augur-gold-bright);
}

@media (max-width: 750px) {
  .markdown-rendered table {
    display: block;
    overflow-x: auto;
  }
}