/*
 * Digital Garden theme overlay.
 *
 * This file is NOT part of the Logseq export. It is copied next to the
 * exported garden at build time and loaded AFTER Logseq's own stylesheets so
 * it can gently re-skin the published graph to match the main website
 * (fonts + palette) without ever touching the extracted content/pages/garden
 * source. Re-export from Logseq as often as you like; this keeps applying.
 */

:root,
html[data-theme="dark"],
html[data-theme="light"] {
  /* Typography — mirror the main site's stack */
  --ls-font-family: "Inter", -apple-system, blinkmacsystemfont, "Segoe UI",
    roboto, sans-serif;

  /* Surfaces — the site's dark palette */
  --ls-primary-background-color: #0a0a0c;
  --ls-secondary-background-color: #141418;
  --ls-tertiary-background-color: #1c1c22;
  --ls-quaternary-background-color: #26262c;
  --ls-table-tr-even-background-color: #141418;

  /* Text */
  --ls-primary-text-color: #f4f4f5;
  --ls-secondary-text-color: #9ca3af;
  --ls-title-text-color: #f4f4f5;

  /* Accent / links — the site's blue */
  --ls-link-text-color: #3b82f6;
  --ls-link-text-hover-color: #60a5fa;
  --ls-link-ref-text-color: #3b82f6;
  --ls-link-ref-text-hover-color: #60a5fa;
  --ls-active-primary-color: #3b82f6;
  --ls-active-secondary-color: #60a5fa;
  --ls-block-bullet-color: #3b82f6;
  --ls-block-bullet-active-color: #60a5fa;
  --ls-selection-background-color: rgba(59, 130, 246, 0.22);
  --ls-page-inline-code-color: #f4f4f5;
  --ls-border-color: #26262c;
  --ls-quaternary-text-color: #6b7280;
}

/* Display serif for page + section headings, matching the site */
.page-title,
.ls-page-title,
.page-title .title,
.cp__sidebar-main-content h1,
.cp__sidebar-main-content h2,
.cp__sidebar-main-content h3,
.block-content h1,
.block-content h2,
.block-content h3 {
  font-family: "Fraunces", georgia, "Times New Roman", serif !important;
  letter-spacing: -0.01em;
}

/* Body copy in Inter */
body,
.block-content,
.ls-block,
.cp__sidebar-main-content,
#app-container {
  font-family: "Inter", -apple-system, blinkmacsystemfont, "Segoe UI", roboto,
    sans-serif !important;
}

/* Code / monospace in JetBrains Mono */
code,
pre,
.code,
kbd,
.CodeMirror,
.editor-inner .cm-editor {
  font-family: "JetBrains Mono", ui-monospace, "SF Mono", menlo, monospace !important;
}

/* Slightly softer, more "site-like" links */
.page-ref,
a.page-ref,
.block-ref {
  text-decoration: none;
}

.page-ref:hover,
a.page-ref:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}