/* MONAS reading themes — pairs with custom.js (data-theme: light | grey | dark).
   Served at the export's /static/css/custom.css path by nginx (no Python step).
   custom.js defaults documentElement[data-theme] to "grey" (Paper) and never forces light,
   so all three modes work. Overrides only Logseq's --ls-* reading variables (names confirmed
   against the live build). Authored by Claude Code: the runsheet's custom.css was missing from
   the folder; tune freely. */

/* ---- shared reading refinements (all modes) ---- */
:root {
  --ls-page-text-size: 1.02rem;
  --ls-main-content-max-width: 740px;
}
#main-content-container,
.cp__sidebar-main-content {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ============ PAPER (default) — warm grey, soft ink ============ */
html[data-theme="grey"] {
  --ls-primary-background-color:    #f4f1ea;
  --ls-secondary-background-color:  #ece8dd;
  --ls-tertiary-background-color:   #e3ded1;
  --ls-quaternary-background-color: #d9d3c4;
  --ls-primary-text-color:          #2b2926;
  --ls-secondary-text-color:        #6a655c;
  --ls-title-text-color:            #1d1b18;
  --ls-border-color:                #d8d2c4;
  --ls-secondary-border-color:      #e3ded1;
  --ls-tertiary-border-color:       #cfc8b8;
  --ls-link-text-color:             #3f6079;
  --ls-link-text-hover-color:       #2c4456;
  --ls-link-ref-text-color:         #3f6079;
  --ls-link-ref-text-hover-color:   #2c4456;
  --ls-tag-text-color:              #8a6d3b;
  --ls-block-bullet-color:          #b9b09a;
  --ls-block-ref-link-text-color:   #3f6079;
  --ls-selection-background-color:  #e7d9b8;
  --ls-page-inline-code-color:      #7a4f2c;
  --ls-page-inline-code-bg-color:   #ece4d4;
  --ls-page-blockquote-color:       #57534a;
  --ls-page-blockquote-border-color:#cdbf9f;
}
html[data-theme="grey"] body { background: var(--ls-primary-background-color); }

/* ================ LIGHT — clean white ================ */
html[data-theme="light"] {
  --ls-primary-background-color:    #ffffff;
  --ls-secondary-background-color:  #f6f6f5;
  --ls-tertiary-background-color:   #efefee;
  --ls-quaternary-background-color: #e6e6e4;
  --ls-primary-text-color:          #1c1c1c;
  --ls-secondary-text-color:        #6b6b6b;
  --ls-title-text-color:            #111111;
  --ls-border-color:                #e4e4e2;
  --ls-secondary-border-color:      #efefee;
  --ls-tertiary-border-color:       #dadad7;
  --ls-link-text-color:             #2563a8;
  --ls-link-text-hover-color:       #1c4d85;
  --ls-link-ref-text-color:         #2563a8;
  --ls-link-ref-text-hover-color:   #1c4d85;
  --ls-tag-text-color:              #9a6a2f;
  --ls-block-bullet-color:          #c4c4c0;
  --ls-block-ref-link-text-color:   #2563a8;
  --ls-selection-background-color:  #dbeaff;
  --ls-page-inline-code-color:      #8a3f2a;
  --ls-page-inline-code-bg-color:   #f1f1ef;
  --ls-page-blockquote-color:       #555555;
  --ls-page-blockquote-border-color:#dcdcd9;
}
html[data-theme="light"] body { background: var(--ls-primary-background-color); }

/* ================ NIGHT — soft dark ================ */
html[data-theme="dark"] {
  --ls-primary-background-color:    #1b1d21;
  --ls-secondary-background-color:  #23262c;
  --ls-tertiary-background-color:   #2a2e35;
  --ls-quaternary-background-color: #333842;
  --ls-primary-text-color:          #d6d8dc;
  --ls-secondary-text-color:        #9aa0a8;
  --ls-title-text-color:            #e9ebee;
  --ls-border-color:                #343941;
  --ls-secondary-border-color:      #2a2e35;
  --ls-tertiary-border-color:       #3d434c;
  --ls-link-text-color:             #7fb0e6;
  --ls-link-text-hover-color:       #a7caf0;
  --ls-link-ref-text-color:         #7fb0e6;
  --ls-link-ref-text-hover-color:   #a7caf0;
  --ls-tag-text-color:              #d6a35e;
  --ls-block-bullet-color:          #5a616b;
  --ls-block-ref-link-text-color:   #7fb0e6;
  --ls-selection-background-color:  #3a4358;
  --ls-page-inline-code-color:      #e3a87a;
  --ls-page-inline-code-bg-color:   #2a2e35;
  --ls-page-blockquote-color:       #b0b5bd;
  --ls-page-blockquote-border-color:#3d434c;
}
html[data-theme="dark"] body { background: var(--ls-primary-background-color); }

/* Keep the orange comment highlights readable on the dark background */
html[data-theme="dark"] ::highlight(monas)        { background: rgba(239,159,39,.34); }
html[data-theme="dark"] ::highlight(monas-active) { background: rgba(239,159,39,.55); }