/* ============================================
   THE UNCOMMODIFIABLE — dark temple theme
   Obsidian Publish · publish.css (vault root)
   Applies in light AND dark mode — the temple
   is always dark.
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap');

/* ---------- Palette + layout, forced on both modes ---------- */
body,
body.theme-dark,
body.theme-light {
  --page-width: 46em;
  --page-side-padding: 32px;

  --background-primary: #0d0b14;        /* deep ink, violet undertone */
  --background-primary-alt: #12101c;
  --background-secondary: #0a0810;      /* sidebar */
  --background-secondary-alt: #12101c;
  --background-modifier-border: #2a2440;
  --background-modifier-hover: rgba(201, 164, 92, 0.08);

  --text-normal: #d8d2c4;               /* warm candlelit parchment */
  --text-muted: #8f8878;
  --text-faint: #5e5950;
  --text-accent: #c9a45c;               /* temple gold */
  --text-accent-hover: #e6c47e;
  --text-selection: rgba(201, 164, 92, 0.25);

  --interactive-accent: #c9a45c;
  --interactive-accent-hover: #e6c47e;
  --link-color: #c9a45c;
  --link-color-hover: #e6c47e;
  --link-external-color: #c9a45c;
  --link-external-color-hover: #e6c47e;
  --link-unresolved-color: #7d6a8f;

  --blockquote-border-color: #c9a45c;
  --hr-color: #2a2440;

  --font-text: 'EB Garamond', Georgia, serif;
  --font-text-size: 18px;

  --h1-color: #e6c47e;
  --h2-color: #e6c47e;
  --h3-color: #e6c47e;
  --h4-color: #d8b970;
  --h1-font: 'Cormorant Garamond', Georgia, serif;
  --h2-font: 'Cormorant Garamond', Georgia, serif;
  --h3-font: 'Cormorant Garamond', Georgia, serif;

  color: #d8d2c4;
  font-family: 'EB Garamond', Georgia, serif;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;

  /* Night-sky background: vignette + faint gold stars over deep ink */
  background:
    radial-gradient(ellipse 120% 90% at 50% -20%, rgba(201, 164, 92, 0.07), transparent 55%),
    radial-gradient(ellipse 100% 100% at 50% 120%, rgba(42, 36, 64, 0.5), transparent 60%),
    url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cg fill='%23c9a45c'%3E%3Ccircle cx='23' cy='47' r='1' opacity='.30'/%3E%3Ccircle cx='131' cy='19' r='.7' opacity='.22'/%3E%3Ccircle cx='217' cy='83' r='1.2' opacity='.34'/%3E%3Ccircle cx='329' cy='41' r='.8' opacity='.20'/%3E%3Ccircle cx='389' cy='137' r='1' opacity='.28'/%3E%3Ccircle cx='71' cy='167' r='.9' opacity='.24'/%3E%3Ccircle cx='173' cy='211' r='1.3' opacity='.32'/%3E%3Ccircle cx='283' cy='191' r='.7' opacity='.18'/%3E%3Ccircle cx='47' cy='293' r='1.1' opacity='.30'/%3E%3Ccircle cx='149' cy='331' r='.8' opacity='.22'/%3E%3Ccircle cx='251' cy='307' r='1' opacity='.26'/%3E%3Ccircle cx='347' cy='271' r='.9' opacity='.20'/%3E%3Ccircle cx='311' cy='383' r='1.2' opacity='.30'/%3E%3Ccircle cx='97' cy='397' r='.7' opacity='.18'/%3E%3Ccircle cx='397' cy='353' r='.8' opacity='.24'/%3E%3C/g%3E%3C/svg%3E") repeat,
    #0d0b14;
  background-attachment: fixed;
}

/* Let the sky show through the content containers */
.site-body,
.site-body-center-column,
.published-container {
  background: transparent !important;
}

/* ---------- Headings ---------- */
h1, h2, h3, h4,
.markdown-rendered h1,
.markdown-rendered h2,
.markdown-rendered h3,
.markdown-preview-view h1,
.markdown-preview-view h2,
.markdown-preview-view h3 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  color: #e6c47e !important;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.markdown-rendered h1,
.markdown-preview-view h1 {
  font-size: 2.3em;
  border-bottom: 1px solid #2a2440;
  padding-bottom: 0.35em;
}

/* ---------- Site chrome ---------- */
.site-body-left-column-site-name {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-variant: small-caps;
  letter-spacing: 0.12em;
  font-size: 1.25em;
  color: #c9a45c !important;
}

.site-header, .site-body-left-column, .site-body-right-column {
  background-color: transparent;
}

/* ---------- Atmosphere: glow falling from above ---------- */
.markdown-rendered,
.markdown-preview-view {
  background:
    radial-gradient(ellipse 80% 55% at 50% 0%,
      rgba(201, 164, 92, 0.05), transparent 65%);
}

/* ---------- Blockquotes as inscriptions ---------- */
.markdown-rendered blockquote,
.markdown-preview-view blockquote {
  font-style: italic;
  font-size: 1.05em;
  color: #cbb68a;
  border-left: 2px solid #c9a45c;
  background: rgba(201, 164, 92, 0.04);
  padding: 0.6em 1.2em;
}

/* ---------- Ornamental dividers ---------- */
.markdown-rendered hr,
.markdown-preview-view hr {
  border: none;
  text-align: center;
  margin: 2.5em auto;
}
.markdown-rendered hr::after,
.markdown-preview-view hr::after {
  content: '✦ ✦ ✦';
  color: #c9a45c;
  font-size: 0.8em;
  letter-spacing: 1.2em;
  padding-left: 1.2em;
}

/* ---------- Links ---------- */
.markdown-rendered a,
.markdown-preview-view a {
  color: #c9a45c;
  text-decoration: none;
  border-bottom: 1px solid rgba(201, 164, 92, 0.35);
  transition: border-color 0.25s ease, color 0.25s ease;
}
.markdown-rendered a:hover,
.markdown-preview-view a:hover {
  color: #e6c47e;
  border-bottom-color: #e6c47e;
}

/* ---------- Hover previews ---------- */
.popover {
  background: #12101c !important;
  border: 1px solid #2a2440 !important;
}

/* ---------- Graph: gold constellations ---------- */
.graph-view.color-fill { color: #8f8878; }
.graph-view.color-fill-focused { color: #e6c47e; }
.graph-view.color-line { color: #2a2440; }
.graph-view.color-text { color: #d8d2c4; }

/* ---------- Selection ---------- */
::selection { background: rgba(201, 164, 92, 0.25); }