/* METAFORA Publish theme (backrooms / liminal) */

:root {
  --meta-bg: #0c0d10;
  --meta-bg2: #12141a;
  --meta-text: #e9e6d6;
  --meta-muted: #b9b39b;
  --meta-accent: #e7d36a;
  --meta-accent2: #9fd1ff;
  --meta-border: rgba(231, 211, 106, 0.18);
}

body {
  background:
    radial-gradient(1200px 800px at 20% -10%, rgba(231, 211, 106, 0.08), transparent 60%),
    radial-gradient(900px 600px at 120% 10%, rgba(159, 209, 255, 0.06), transparent 55%),
    linear-gradient(180deg, var(--meta-bg), var(--meta-bg2));
  color: var(--meta-text);
}

.markdown-preview-view,
.publish-renderer,
.site-body,
.published-container {
  --text-normal: var(--meta-text);
  --text-muted: var(--meta-muted);
  --link-color: var(--meta-accent);
  --link-color-hover: var(--meta-accent2);
  --background-primary: transparent;
  --background-secondary: rgba(255, 255, 255, 0.03);
  --background-modifier-border: var(--meta-border);
}

.markdown-preview-view {
  max-width: 900px;
  margin: 0 auto;
  letter-spacing: 0.1px;
}

h1, h2, h3 {
  letter-spacing: 0.6px;
}

h1 {
  border-bottom: 1px solid var(--meta-border);
  padding-bottom: 0.3em;
  text-shadow: 0 0 10px rgba(231, 211, 106, 0.14);
}

a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

code {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.06);
  padding: 0.1em 0.25em;
  border-radius: 6px;
}

pre {
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
}

blockquote {
  border-left: 3px solid rgba(231, 211, 106, 0.4);
  background: rgba(231, 211, 106, 0.06);
  padding: 0.6em 0.9em;
  border-radius: 10px;
}

th, td {
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.markdown-preview-view img,
.publish-renderer img {
  border-radius: 10px;
}

.markdown-preview-view h2 + ul,
.publish-renderer h2 + ul {
  padding-left: 1.1em;
}

.search-view-outer::before {
  content: "";
  display: block;
  width: 96px;
  aspect-ratio: 1;
  margin: 0 auto 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cdefs%3E%3CradialGradient id='g' cx='50%25' cy='48%25' r='58%25'%3E%3Cstop offset='0%25' stop-color='%23e7d36a' stop-opacity='.95'/%3E%3Cstop offset='48%25' stop-color='%23e7d36a' stop-opacity='.22'/%3E%3Cstop offset='100%25' stop-color='%230c0d10' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='l' x1='24' y1='28' x2='232' y2='228'%3E%3Cstop offset='0%25' stop-color='%23e9e6d6'/%3E%3Cstop offset='54%25' stop-color='%23e7d36a'/%3E%3Cstop offset='100%25' stop-color='%239fd1ff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='256' height='256' rx='28' fill='%230c0d10'/%3E%3Ccircle cx='128' cy='128' r='112' fill='url(%23g)'/%3E%3Cpath d='M44 128h168M128 44v168' stroke='%23e7d36a' stroke-opacity='.2' stroke-width='2'/%3E%3Cpath d='M128 28 214 128 128 228 42 128Z' fill='none' stroke='url(%23l)' stroke-width='5'/%3E%3Cpath d='M84 128h88M128 84v88' stroke='%23e9e6d6' stroke-opacity='.9' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='128' cy='128' r='22' fill='%230c0d10' stroke='%23e7d36a' stroke-width='4'/%3E%3Ccircle cx='128' cy='128' r='8' fill='%23e7d36a'/%3E%3Cpath d='M56 56 200 200M200 56 56 200' stroke='%239fd1ff' stroke-opacity='.18' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
  filter: drop-shadow(0 0 18px rgba(231, 211, 106, 0.18));
  opacity: 0.96;
}

.nav-view-outer::before {
  display: none;
}

.site-body-left-column-site-name,
.site-header-text {
  text-align: center;
}

.search-view-outer {
  margin-top: 18px;
}

@media (max-width: 800px) {
  .search-view-outer::before {
    width: 72px;
    margin: 12px auto 14px;
  }
}