/* Simply Beautiful — Obsidian Publish stylesheet
   Adapted from the local theme by Julian Reichl
   Desktop-only selectors (workspace tabs, HyperMD, menus) are intentionally omitted.
*/

/* ── Font ─────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');

/* ── Global ───────────────────────────────────────────────── */
body {
  font-family: 'Lexend', sans-serif;

  /* Zero-radius everywhere */
  --radius-s: 0px;
  --radius-m: 0px;
  --radius-l: 0px;
  --input-radius: 0px;
  --tab-radius-active: 0px;
  --checkbox-radius: 0px;
  --toggle-radius: 0px;
  --toggle-thumb-radius: 0px;
  --slider-thumb-radius: 0px;
}

/* ── Light theme variables ───────────────────────────────── */
.theme-light {

  /* Main palette */
  --color-base-00:  #f6f6f6;
  --color-base-05:  #fcfcfc;
  --color-base-10:  #fafafa;
  --color-base-20:  #ffffff;   /* side panel */
  --color-base-25:  #cfcfcf;
  --color-base-30:  #b7b7b7;
  --color-base-35:  #9f9f9f;
  --color-base-40:  #bdbdbd;
  --color-base-50:  #B97233;   /* accent — warm orange */
  --color-base-60:  #6e6e6e;
  --color-base-70:  #565656;
  --color-base-100: #0e0e0e;

  /* Text highlights */
  --text-highlight-bg: #83DC81;  /* highlight background */
  --text-selection:    #D981DC;  /* selection color */

  /* Nav items */
  --nav-item-background-hover:  color-mix(in srgb, var(--color-base-50) 70%, white 40%);
  --nav-item-background-active: color-mix(in srgb, var(--color-base-50) 70%, white 40%);

  /* Typography */
  --bold-color:    #337AB9;
  --bold-modifier: 151;

  /* Checklist */
  --checklist-done-decoration: none;

  /* Paragraph / heading rhythm */
  --p-spacing: 0.5em;

  --h2-size:  1.25em;
  --h2-color: #111111;
  --h3-size:  1.15em;
  --h3-color: #141414;
  --h4-size:  1.1em;
  --h4-color: #181818;
  --h5-size:  1.0em;
  --h5-color: #1b1b1b;
  --h6-size:  1.0em;
  --h6-color: #1f1f1f;
}

/* Line width for wide screens (hoisted out of .theme-light for compatibility) */
@media screen and (min-width: 1000px) {
  .theme-light {
    --file-margins:    5em;
    --file-line-width: 80em;
  }
}

/* ── Input focus ring ────────────────────────────────────── */
:root {
  --input-focus-border-color:    Highlight;
  --input-focus-outline:         1px solid Canvas;
  --input-unfocused-border-color: transparent;
  --input-disabled-border-color:  transparent;
  --input-hover-border-color:     black;
}

/* ── Headings — underline accent ─────────────────────────── */
/* h1 */
.markdown-preview-view h1 {
  margin-top:    32px;
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 2px solid var(--color-base-50);
  font-weight:   700;
  color:         var(--color-base-50);
}

/* h2 */
.markdown-preview-view h2 {
  margin-top:    28px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1.5px solid color-mix(in srgb, var(--color-base-50) 75%, white);
  font-weight:   600;
  color:         var(--color-base-50);
}

/* h3 */
.markdown-preview-view h3 {
  margin-top:    22px;
  margin-bottom: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid color-mix(in srgb, var(--color-base-50) 50%, white);
  font-weight:   600;
  color:         var(--color-base-50);
}

/* h4 */
.markdown-preview-view h4 {
  margin-top:    18px;
  margin-bottom: 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid color-mix(in srgb, var(--color-base-50) 30%, white);
  font-weight:   500;
  color:         var(--color-base-50);
}

/* h5 */
.markdown-preview-view h5 {
  margin-top:    14px;
  margin-bottom: 2px;
  font-weight:   500;
  color:         var(--color-base-50);
}

/* h6 */
.markdown-preview-view h6 {
  margin-top:    10px;
  margin-bottom: 2px;
  font-weight:   400;
  font-style:    italic;
  color:         var(--color-base-50);
}