ClaudeInit/.idea/markdown.xml

<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
  <component name="MarkdownSettings">
    <option name="customStylesheetText" value="/* ============================================================&#10;   Claude Light — PyCharm Markdown Preview Theme&#10;   Settings &gt; Languages &amp; Frameworks &gt; Markdown &gt; Custom CSS&#10;   ============================================================ */&#10;&#10;/* ── Root tokens ── */&#10;:root {&#10;  --bg:          #FAF9F7;&#10;  --surface:     #F3F1EC;&#10;  --border:      #E0DDD6;&#10;  --text:        #1A1918;&#10;  --text-muted:  #6B6963;&#10;  --text-faint:  #9B9890;&#10;  --accent:      #C96842;       /* Claude's terracotta/coral */&#10;  --accent-soft: #F7EDE7;&#10;  --code-bg:     #EFEDE7;&#10;  --code-border: #D8D5CE;&#10;  --mark-bg:     #FDE68A;&#10;  --radius:      6px;&#10;}&#10;&#10;/* ── Base ── */&#10;body {&#10;  background:  var(--bg);&#10;  color:       var(--text);&#10;  font-family: &quot;Söhne&quot;, &quot;Inter&quot;, &quot;Helvetica Neue&quot;, Arial, sans-serif;&#10;  font-size:   16px;&#10;  line-height: 1.75;&#10;  max-width:   740px;&#10;  margin:      0 auto;&#10;  padding:     48px 32px 80px;&#10;  -webkit-font-smoothing: antialiased;&#10;}&#10;&#10;/* ── Headings ── */&#10;h1, h2, h3, h4, h5, h6 {&#10;  color:       var(--text);&#10;  font-weight: 600;&#10;  line-height: 1.3;&#10;  margin:      2em 0 0.5em;&#10;}&#10;&#10;h1 { font-size: 2rem;    margin-top: 0; border-bottom: 2px solid var(--border); padding-bottom: 0.4em; }&#10;h2 { font-size: 1.45rem; border-bottom: 1px solid var(--border); padding-bottom: 0.3em; }&#10;h3 { font-size: 1.2rem; }&#10;h4 { font-size: 1rem;   color: var(--text-muted); }&#10;h5 { font-size: 0.9rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.05em; }&#10;h6 { font-size: 0.85rem; color: var(--text-faint); }&#10;&#10;/* ── Paragraph ── */&#10;p {&#10;  margin: 0 0 1.1em;&#10;}&#10;&#10;/* ── Links ── */&#10;a {&#10;  color:           var(--accent);&#10;  text-decoration: none;&#10;  border-bottom:   1px solid transparent;&#10;  transition:      border-color 0.15s;&#10;}&#10;a:hover {&#10;  border-bottom-color: var(--accent);&#10;}&#10;&#10;/* ── Inline code ── */&#10;code {&#10;  background:    var(--code-bg);&#10;  border:        1px solid var(--code-border);&#10;  border-radius: 4px;&#10;  padding:       0.15em 0.4em;&#10;  font-family:   &quot;JetBrains Mono&quot;, &quot;Fira Code&quot;, &quot;Cascadia Code&quot;, monospace;&#10;  font-size:     1.1em;&#10;  color:         #7C3626;&#10;}&#10;&#10;/* ── Code blocks ── */&#10;pre {&#10;  background:    var(--code-bg);&#10;  border:        1px solid var(--code-border);&#10;  border-left:   3px solid var(--accent);&#10;  border-radius: var(--radius);&#10;  padding:       1.1em 1.4em;&#10;  overflow-x:    auto;&#10;  margin:        1.5em 0;&#10;}&#10;pre code {&#10;  background:    none;&#10;  border:        none;&#10;  padding:       0;&#10;  font-size:     1em;&#10;  color:         var(--text);&#10;  line-height:   1.65;&#10;}&#10;&#10;/* ── Blockquote ── */&#10;blockquote {&#10;  margin:        1.4em 0;&#10;  padding:       0.8em 1.2em;&#10;  border-left:   3px solid var(--accent);&#10;  background:    var(--accent-soft);&#10;  border-radius: 0 var(--radius) var(--radius) 0;&#10;  color:         var(--text-muted);&#10;}&#10;blockquote p { margin: 0; }&#10;blockquote &gt; p + p { margin-top: 0.6em; }&#10;&#10;/* ── Lists ── */&#10;ul, ol {&#10;  margin:       0.5em 0 1.1em;&#10;  padding-left: 1.6em;&#10;}&#10;li {&#10;  margin-bottom: 0.35em;&#10;}&#10;li &gt; ul,&#10;li &gt; ol {&#10;  margin: 0.3em 0;&#10;}&#10;ul { list-style-type: disc; }&#10;ul ul { list-style-type: circle; }&#10;&#10;/* ── Horizontal rule ── */&#10;hr {&#10;  border:     none;&#10;  border-top: 1px solid var(--border);&#10;  margin:     2.5em 0;&#10;}&#10;&#10;/* ── Tables ── */&#10;table {&#10;  width:           100%;&#10;  border-collapse: collapse;&#10;  margin:          1.5em 0;&#10;  font-size:       0.92em;&#10;}&#10;th {&#10;  background:  var(--surface);&#10;  color:       var(--text);&#10;  font-weight: 600;&#10;  text-align:  left;&#10;  padding:     0.55em 0.9em;&#10;  border:      1px solid var(--border);&#10;}&#10;td {&#10;  padding: 0.5em 0.9em;&#10;  border:  1px solid var(--border);&#10;  color:   var(--text);&#10;}&#10;tr:nth-child(even) td {&#10;  background: var(--surface);&#10;}&#10;tr:hover td {&#10;  background: #EDE9E2;&#10;}&#10;&#10;/* ── Images ── */&#10;img {&#10;  max-width:     100%;&#10;  border-radius: var(--radius);&#10;  margin:        1em 0;&#10;  border:        1px solid var(--border);&#10;}&#10;&#10;/* ── Mark / highlight ── */&#10;mark {&#10;  background: var(--mark-bg);&#10;  color:      var(--text);&#10;  padding:    0.1em 0.25em;&#10;  border-radius: 3px;&#10;}&#10;&#10;/* ── Task lists (GFM) ── */&#10;ul.contains-task-list {&#10;  list-style: none;&#10;  padding-left: 0.4em;&#10;}&#10;li.task-list-item input[type=&quot;checkbox&quot;] {&#10;  margin-right: 0.55em;&#10;  accent-color: var(--accent);&#10;}&#10;&#10;/* ── Kbd ── */&#10;kbd {&#10;  display:       inline-block;&#10;  padding:       0.15em 0.45em;&#10;  font-family:   monospace;&#10;  font-size:     0.82em;&#10;  border:        1px solid var(--border);&#10;  border-bottom: 2px solid var(--border);&#10;  border-radius: 4px;&#10;  background:    var(--surface);&#10;  color:         var(--text);&#10;}&#10;&#10;/* ── Footnotes ── */&#10;.footnotes {&#10;  font-size:   0.88em;&#10;  color:       var(--text-muted);&#10;  border-top:  1px solid var(--border);&#10;  margin-top:  2.5em;&#10;  padding-top: 1em;&#10;}&#10;&#10;/* ── Selection ── */&#10;::selection {&#10;  background: #F0C9BC;&#10;  color:      var(--text);&#10;}&#10;&#10;/* ============================================================&#10;   Dark mode — overrides CSS variables only&#10;   Activates automatically when the OS is set to dark theme&#10;   ============================================================ */&#10;@media (prefers-color-scheme: dark) {&#10;  :root {&#10;    --bg:          #1C1B19;&#10;    --surface:     #252420;&#10;    --border:      #38362F;&#10;    --text:        #DEDAD2;&#10;    --text-muted:  #9B9890;&#10;    --text-faint:  #6B6963;&#10;    --accent:      #E8835A;&#10;    --accent-soft: #2E1F18;&#10;    --code-bg:     #252420;&#10;    --code-border: #38362F;&#10;    --mark-bg:     #5A4A10;&#10;  }&#10;&#10;  code {&#10;    color: #E8956A;&#10;  }&#10;&#10;  tr:hover td {&#10;    background: #2E2C27;&#10;  }&#10;&#10;  img {&#10;    opacity: 0.92;&#10;  }&#10;&#10;  ::selection {&#10;    background: #5C2E1E;&#10;    color:      var(--text);&#10;  }&#10;}" />
    <option name="useCustomStylesheetText" value="true" />
  </component>
</project>