/* MANUSCRIPT — warm parchment, scholarly serif, ink-blue accent.
   Document-first; Socrates feels like a character in a book. */

.theme-manuscript {
  --font-display: "Newsreader", "Source Serif Pro", "Iowan Old Style", Georgia, serif;
  --font-prose:   "Newsreader", "Source Serif Pro", "Iowan Old Style", Georgia, serif;
  --font-body:    "Söhne", "Inter Tight", -apple-system, system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --tracking: 0;

  /* ─── Type scale ────────────────────────────────────────────────────
   * Five sizes. Use one of these everywhere; resist adding 0.5px nudges.
   *   --text-xs   chips, badges, eyebrows, kind labels, mono meta
   *   --text-sm   secondary UI text, hints, captions, drag/help text
   *   --text-md   primary UI text, list rows, definitions  (DEFAULT)
   *   --text-lg   pane titles, prominent labels, strong row titles
   *   --text-xl   detail-column titles
   * Plus three line-heights: tight (titles), ui (rows), prose (definitions). */
  --text-xs: 10.5px;
  --text-sm: 11.5px;
  --text-md: 12.5px;
  --text-lg: 13.5px;
  --text-xl: 16px;
  --lh-tight: 1.2;
  --lh-ui:    1.4;
  --lh-prose: 1.5;

  /* ─── Spacing scale ─────────────────────────────────────────────────
   * 4-px base. Pick one of these for every gap / padding decision. */
  --space-1: 3px;
  --space-2: 5px;
  --space-3: 7px;
  --space-4: 10px;
  --space-5: 14px;
  --space-6: 20px;

  /* ─── Radius ─────────────────────────────────────────────────────── */
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-lg: 6px;

  --bg:        #f5efe2;       /* parchment */
  --surface:   #faf5e9;
  --surface-2: #ede4cf;
  --fg:        #2a241a;
  --prose:     #3d3527;
  --muted:     #8a7c63;
  --muted-strong: #5e533f;
  --border:        #d9ceb3;
  --border-strong: #b8a982;

  --accent:        #2c4a6b;   /* ink blue */
  --accent-strong: #1c3550;
  --accent-soft:   #d6def0;
  --accent-on:     #faf5e9;

  --ok:        #5e7a3a;
  --ok-soft:   #d9e3c7;
  --ok-strong: #3d5421;
  --warn:        #a8551c;
  --warn-soft:   #f0d9c2;
  --warn-strong: #6b3309;
  --info:        #5b6e8a;

  --shadow:        rgba(60,40,15,0.08);
  --shadow-strong: rgba(60,40,15,0.18);

  --grid-dot: rgba(120,90,40,0.18);
  --diagram-bg: #f0e9d6;

  --block-bg:           #fdfaf0;
  --block-border:       #b8a982;
  --block-divider:      #d9ceb3;
  --block-actor-bg:     #f0e6cf;
  --block-constraint-bg:#f5dccb;

  --edge:       #6e5d3d;
  --edge-soft:  #c8b88f;
  --edge-label: #5e533f;

  --note-bg: #f0e3c4;

  --bubble-socrates: #f0e3c4;
  --bubble-user:     #ede4cf;

  --chip-bg:       #ede4cf;
  --chip-bg-hover: #e2d6b8;
  --chip-fg:       #2a241a;

  /* color-coded chips */
  --c-block-bg:  #d6def0; --c-block-fg:  #1c3550;
  --c-prop-bg:   #e8e0c2; --c-prop-fg:   #6b5a25;
  --c-assoc-bg:  #d9e3c7; --c-assoc-fg:  #3d5421;
  --c-req-bg:    #f0d9c2; --c-req-fg:    #6b3309;
}

/* Manuscript-only flourishes: drop-cap-ish heading underline */
.theme-manuscript .t-h1 {
  border-bottom: 1px solid var(--border-strong);
  padding-bottom: 8px;
  font-style: italic;
  letter-spacing: -0.005em;
}
.theme-manuscript .t-h2 {
  font-style: italic;
  font-weight: 500;
  color: var(--accent-strong);
}
.theme-manuscript .brand-name { font-style: italic; }
.theme-manuscript .canvas-title { font-style: italic; font-weight: 500; }