/* =============================================================
   publish.css — karney.eu (Obsidian Publish)
   1) Light-theme background -> #F4ECE1 (instead of white)
   2) Site logo left-aligned on the desktop layout
   3) Fonts: Manrope (headings + site name) + Inter (body + nav); code untouched
   4) Accent color -> #fc6d44 (instead of purple)
   ============================================================= */

/* Google Fonts import must come before any other rule */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Manrope:wght@200..800&display=swap');


/* ---- 1) Light-theme background ------------------------------ */
/* White comes from --color-base-00 -> --background-primary.
   Override the semantic vars so content + columns turn cream,
   plus a direct background-color as a safety net for the shell. */
.theme-light {
  --background-primary: #F4ECE1;
  --background-secondary: #F4ECE1;
  background-color: #F4ECE1;
}


/* ---- 3) Fonts: Manrope (headings only), Inter (body + nav) -- */
/* Body / reading text     -> Inter    (--font-text)
   Navigation / UI         -> Inter    (--font-interface)
   Headings h1-h6 + titles -> Manrope  (--h1..h6-font; default "inherit")
   --font-monospace is intentionally NOT touched (code stays mono). */
body {
  /* body / reading text -> Inter */
  --font-text-theme: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-text: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* navigation / interface -> Inter */
  --font-interface-theme: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-interface: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* headings + page/inline title -> Manrope */
  --h1-font: "Manrope", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --h2-font: var(--h1-font);
  --h3-font: var(--h1-font);
  --h4-font: var(--h1-font);
  --h5-font: var(--h1-font);
  --h6-font: var(--h1-font);
}

/* Site name / title text -> Manrope (desktop left column + mobile header) */
.site-body-left-column-site-name,
.site-header-text {
  font-family: "Manrope", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}


/* ---- 2) Left-align the site logo on desktop ---------------- */
/* The left column is shown as a sidebar above 750px (Obsidian's
   mobile breakpoint). Adjust the min-width if your layout differs. */
@media (min-width: 751px) {
  .site-body-left-column-site-logo {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0;
  }
  .site-body-left-column-site-logo a,
  .site-body-left-column-site-logo img,
  .site-body-left-column-site-logo svg {
    margin-left: 0;
    margin-right: auto;
  }
}


/* ---- 4) Accent color -> #fc6d44 (was purple hsl 258,88%,66%) */
/* Obsidian derives links, buttons and hover states from these
   HSL parts, so overriding them replaces the accent everywhere.
   hsl(13.37, 97%, 62.75%) == #fc6d44 exactly. */
.theme-light,
.theme-dark {
  --accent-h: 13.37;
  --accent-s: 97%;
  --accent-l: 62.75%;
}

/* ---- 5) LIST CARDS */
.list-cards {
  --list-cards-template: repeat(2, minmax(0, 1fr));   /* 2 колонки */
}
.list-cards div > ul {
  --link-color: var(--text-normal);
  --link-unresolved-color: var(--text-muted);
  --link-decoration: none;
  --link-decoration-hover: none;
  display: grid;
  gap: 8px;
  grid-template-columns: var(--list-cards-template);
  padding: 0;
}
.list-cards ul > li { margin-inline: 0; }
.list-cards div > ul > li {
  display: flex;
  border-radius: var(--radius-s);
  border: 1px solid var(--color-base-30);
  flex-wrap: wrap;
  margin-inline: 0;
}
.list-cards div > ul > li a {
  flex-grow: 1;
  padding: 16px;
  font-weight: var(--font-semibold);
  background: none;
}
.list-cards div > ul > li a:after { content: ""; flex-basis: 100%; height: 0; }
.list-cards div > ul > li a:hover { border-color: var(--color-base-35); }
.list-cards div > ul ul {
  display: block;
  width: 100%;
  color: var(--text-muted);
  font-size: var(--font-smaller);
  margin-top: -8px;
  padding: 0 16px 16px;
}
.list-cards div > ul ul > li { display: block; margin-inline-start: 0; }
.theme-dark .list-cards div ul > li { background-color: var(--background-secondary); }

/* одна колонка на узких экранах — добавь в cssclasses ещё list-cards-mobile-full */
@media (max-width: 800px) {
  .list-cards.list-cards-mobile-full { --list-cards-template: repeat(1, minmax(0, 1fr)); }
}

/* hide-title — прячет заголовок страницы на Publish.
   Источник: publish.css Obsidian (Kepano's Minimal, адаптировано под Publish).
   Включается добавлением `hide-title` в cssclasses страницы. */
.hide-title .page-header {
  display: none;                 /* это и есть само скрытие заголовка */
}