:root {
  --par-clay: #9d5d43;
  --par-ash: #5d6265;
  --par-glass: #6da19a;
  --par-leaf: #6d855f;
  --par-gold: #d5c170;
  --par-ink: #17130f;
  --par-paper: #f7efe3;
  --par-panel: #fffaf1;
}

body {
  --background-primary: var(--par-paper);
  --background-secondary: #efe6d8;
  --text-normal: var(--par-ink);
  --text-muted: #6f675d;
  --interactive-accent: var(--par-clay);
  --link-color: #8062d6;
  --link-color-hover: var(--par-clay);
}

.published-container,
.markdown-rendered {
  background:
    radial-gradient(circle at 16% 0%, rgba(157, 93, 67, 0.16), transparent 28rem),
    radial-gradient(circle at 88% 6%, rgba(109, 161, 154, 0.16), transparent 28rem),
    linear-gradient(180deg, #fbf7ef 0%, var(--par-paper) 58%, #eee4d6 100%);
}

.site-body-left-column,
.site-body-right-column {
  background: rgba(255, 250, 241, 0.72);
  backdrop-filter: blur(18px);
}

.site-body-left-column {
  border-right: 1px solid rgba(23, 19, 15, 0.12);
}

.site-body-right-column {
  border-left: 1px solid rgba(23, 19, 15, 0.12);
}

.site-body-center-column {
  max-width: 860px;
}

.markdown-rendered h1,
.markdown-rendered h2,
.markdown-rendered h3 {
  letter-spacing: 0;
}

.markdown-rendered h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.8rem, 6vw, 5.6rem);
  line-height: 0.96;
  font-weight: 500;
}

.markdown-rendered h2 {
  margin-top: 2.4rem;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.8rem;
  font-weight: 500;
}

.markdown-rendered p,
.markdown-rendered li {
  font-size: 1.02rem;
  line-height: 1.65;
}

.markdown-rendered blockquote {
  border-left: 4px solid var(--par-clay);
  background: rgba(255, 250, 241, 0.72);
  border-radius: 0 8px 8px 0;
  padding: 0.6rem 1rem;
}

.markdown-rendered table {
  background: rgba(255, 250, 241, 0.74);
  border-radius: 8px;
  overflow: hidden;
}

.markdown-rendered th {
  background: rgba(23, 19, 15, 0.08);
}

.callout {
  border-radius: 8px;
  border-width: 1px;
  background: rgba(var(--callout-color), 0.08);
  box-shadow: 0 14px 40px rgba(42, 34, 27, 0.08);
}

.callout[data-callout="material-earth"] {
  --callout-color: 157, 93, 67;
}

.callout[data-callout="material-ash"] {
  --callout-color: 93, 98, 101;
}

.callout[data-callout="material-bio"] {
  --callout-color: 109, 133, 95;
}

.callout[data-callout="material-water"] {
  --callout-color: 109, 161, 154;
}

.callout[data-callout="material-circular"] {
  --callout-color: 181, 143, 77;
}

.tree-item-self.is-clickable:hover,
.tree-item-self.is-active,
.search-result-file-title:hover {
  color: var(--par-clay);
}

.graph-view-container {
  background:
    radial-gradient(circle at 50% 50%, rgba(109, 161, 154, 0.12), transparent 38%),
    rgba(255, 250, 241, 0.82);
  border: 1px solid rgba(23, 19, 15, 0.12);
  border-radius: 8px;
}

.graph-view.color-circle {
  color: var(--par-clay);
}

.graph-view.color-line {
  color: rgba(23, 19, 15, 0.28);
}

.graph-view.color-fill {
  color: rgba(109, 161, 154, 0.24);
}

.graph-view.color-text {
  color: var(--par-ink);
}

.site-footer {
  opacity: 0.55;
}