/*
  ============================================================
  CARBON ORANGE — Personal Tech Blog Theme
  Built on Obsidian Minimal Theme base
  A super-black, brutalist-minimal dark theme 
  with molten orange accents
  ============================================================
*/

/* ─── CORE COLOR PALETTE ─────────────────────────────────── */

body {
  --base-h: 0;
  --base-s: 0%;
  --base-l: 5%;

  /* Orange accent HSL */
  --accent-h: 25;
  --accent-s: 96%;
  --accent-l: 52%;

  /* Base surfaces */
  --bg1: #0a0a0a;          /* near-black primary */
  --bg2: #0f0f0f;          /* slightly lifted secondary */
  --bg3: rgba(255,255,255,0.04); /* subtle hover layer */

  /* UI borders */
  --ui1: #1a1a1a;
  --ui2: #252525;
  --ui3: #333333;

  /* Text hierarchy */
  --tx1: #f0ece6;          /* warm off-white */
  --tx2: #7a7570;          /* muted warm grey */
  --tx3: #3d3a37;          /* faint */
  --tx4: #a09890;

  /* Orange accents */
  --ax1: hsl(25, 96%, 52%);        /* #f55f0a — main orange */
  --ax2: hsl(25, 96%, 44%);        /* darker hover */
  --ax3: hsl(25, 96%, 58%);        /* lighter interactive */

  /* Highlights */
  --hl1: rgba(245, 95, 10, 0.14);
  --hl2: rgba(245, 95, 10, 0.22);

  --sp1: #0a0a0a;
}

/* ─── OBSIDIAN VARIABLE OVERRIDES ────────────────────────── */

.theme-dark,
body {
  --background-primary:           var(--bg1);
  --background-secondary:         var(--bg2);
  --background-secondary-alt:     var(--bg1);
  --background-primary-alt:       var(--bg2);
  --background-modifier-hover:    var(--bg3);
  --background-modifier-active-hover: var(--bg3);
  --background-modifier-border:   var(--ui1);
  --background-modifier-border-hover: var(--ui2);
  --background-modifier-border-focus: var(--ui3);
  --background-modifier-form-field: #111111;
  --background-modifier-form-field-highlighted: #141414;
  --background-modifier-error:    rgba(245, 80, 50, 0.12);
  --background-modifier-error-hover: rgba(245, 80, 50, 0.18);
  --background-modifier-success:  rgba(80, 200, 120, 0.15);
  --background-modifier-cover:    rgba(0,0,0,0.72);
  --background-modifier-box-shadow: rgba(0,0,0,0.6);
  --background-modifier-accent:   var(--ax3);
  --background-table-rows:        rgba(255,255,255,0.025);

  --text-normal:   var(--tx1);
  --text-muted:    var(--tx2);
  --text-faint:    var(--tx3);
  --text-accent:   var(--ax1);
  --text-accent-hover: var(--ax2);
  --text-on-accent: #0a0a0a;
  --text-error:    #f55040;
  --text-bold:     var(--tx1);
  --text-italic:   var(--tx1);
  --text-code:     var(--tx4);
  --text-blockquote: var(--tx2);
  --text-selection: var(--hl1);
  --text-highlight-bg: var(--hl2);
  --text-highlight-bg-active: rgba(245, 95, 10, 0.30);
  --text-formatting: var(--tx3);

  --interactive-normal:       var(--ui1);
  --interactive-hover:        var(--ui2);
  --interactive-accent:       var(--ax3);
  --interactive-accent-hover: var(--ax1);
  --interactive-accent-rgb:   40, 40, 40;

  --icon-color:         var(--tx2);
  --icon-color-hover:   var(--tx1);
  --icon-color-active:  var(--ax1);
  --icon-color-focused: var(--tx1);

  --checkbox-color: var(--ax1);
  --checkbox-border-color: var(--ui3);

  --link-color:              var(--ax1);
  --link-color-hover:        var(--ax3);
  --link-external-color:     var(--ax1);
  --link-external-color-hover: var(--ax3);
  --link-unresolved-color:   var(--tx3);
  --link-unresolved-opacity: 1;
  --link-unresolved-decoration-color: var(--ui3);

  --divider-color:       var(--ui1);
  --frame-divider-color: var(--ui1);

  --scrollbar-bg:               transparent;
  --scrollbar-thumb-bg:         var(--ui2);
  --scrollbar-active-thumb-bg:  var(--ui3);

  --shadow-color:         rgba(0,0,0,0.5);
  --btn-shadow-color:     rgba(0,0,0,0.4);
  --modal-border-color:   var(--ui2);

  --active-line-bg: rgba(245, 95, 10, 0.045);

  --ribbon-background:        var(--bg2);
  --titlebar-background:      var(--bg1);
  --titlebar-background-focused: var(--bg1);
  --titlebar-text-color:      var(--tx3);
  --titlebar-text-color-focused: var(--tx2);

  --tab-text-color:                       var(--tx2);
  --tab-text-color-focused:               var(--tx2);
  --tab-text-color-active:                var(--tx1);
  --tab-text-color-focused-active:        var(--tx1);
  --tab-text-color-focused-active-current: var(--tx1);
  --tab-outline-color:                    var(--ui1);
  --tab-background-active:                var(--bg1);

  --nav-item-color:             var(--tx2);
  --nav-item-color-hover:       var(--tx1);
  --nav-item-color-active:      var(--tx1);
  --nav-item-color-selected:    var(--tx1);
  --nav-item-background-hover:  var(--bg3);
  --nav-item-background-active: rgba(245, 95, 10, 0.10);
  --nav-indentation-guide-color: var(--ui2);
  --nav-collapse-icon-color:    var(--tx3);

  --tag-color:              var(--ax1);
  --tag-background:         rgba(245, 95, 10, 0.10);
  --tag-background-hover:   rgba(245, 95, 10, 0.18);
  --tag-border-color:       rgba(245, 95, 10, 0.30);
  --tag-border-color-hover: rgba(245, 95, 10, 0.55);
  --tag-border-width:       1px;
  --tag-size:               0.78em;
  --tag-padding-y:          0.2em;
  --tag-padding-x:          0.55em;
  --tag-radius:             3px;

  --quote-opening-modifier:      var(--ax1);
  --blockquote-border-color:     var(--ax1);
  --blockquote-border-thickness: 2px;
  --blockquote-color:            var(--tx2);

  --code-background: #0d0d0d;
  --code-normal:     var(--tx1);
  --code-comment:    var(--tx3);
  --code-function:   var(--ax1);
  --code-keyword:    hsl(25, 80%, 68%);
  --code-important:  #f55040;
  --code-operator:   var(--tx2);
  --code-property:   hsl(200, 70%, 65%);
  --code-punctuation: var(--tx3);
  --code-string:     hsl(95, 50%, 58%);
  --code-tag:        var(--ax3);
  --code-value:      hsl(200, 65%, 60%);

  --prompt-border-color: var(--ui3);
  --search-result-background: var(--bg1);

  --list-marker-color: var(--tx3);

  --workspace-background-translucent: rgba(10,10,10,0.85);

  --pdf-shadow:           none;
  --pdf-thumbnail-shadow: none;

  --canvas-dot-pattern: rgba(255,255,255,0.06);
}

/* ─── TYPOGRAPHY ─────────────────────────────────────────── */

body {
  --font-editor-theme: 'Söhne', 'Geist', 'DM Sans', 'Helvetica Neue', sans-serif;
  --font-editor: var(--font-editor-override, var(--font-text-override, var(--font-editor-theme)));

  --normal-weight: 380;
  --line-height: 1.7;
  --line-width: 44rem;
  --max-width: 90%;

  --h1-size:   1.5em;
  --h2-size:   1.2em;
  --h3-size:   1.05em;
  --h4-size:   0.92em;
  --h5-size:   0.85em;
  --h6-size:   0.82em;

  --h1-weight: 700;
  --h2-weight: 600;
  --h3-weight: 600;
  --h4-weight: 500;
  --h5-weight: 500;
  --h6-weight: 400;

  --h1-color:  var(--tx1);
  --h2-color:  var(--tx1);
  --h3-color:  var(--tx1);
  --h4-color:  var(--tx2);
  --h5-color:  var(--tx2);
  --h6-color:  var(--tx3);

  --h1-variant: normal;
  --h2-variant: normal;
  --h3-variant: normal;
  --h4-variant: small-caps;
  --h5-variant: small-caps;
  --h6-variant: small-caps;

  --h1-style: normal;
  --h2-style: normal;
  --h3-style: normal;
  --h4-style: normal;
  --h5-style: normal;
  --h6-style: normal;

  --p-spacing:       1.8rem;
  --heading-spacing: 2.4em;
  --list-spacing:    0.1em;
  --list-indent:     2em;

  --inline-title-size:   1.75em;
  --inline-title-weight: 700;
  --inline-title-color:  var(--tx1);

  --border-width: 1px;
  --radius-s: 2px;
  --radius-m: 4px;
  --radius-l: 6px;
  --radius-xl: 8px;

  --image-radius: 3px;
  --image-muted: 0.75;

  --checkbox-radius: 2px;  /* square-ish checkbox — techy feel */
  --checkbox-color: var(--ax1);

  --table-text-size: calc(var(--font-adaptive-normal) * 0.9);
  --table-cell-padding: 5px 12px;
  --table-border-width: 1px;

  --header-height: 42px;
  --input-height: 32px;
  --icon-muted: 0.45;

  --progress-complete: var(--ax1);
  --progress-outline: var(--ui2);
}

/* ─── HEADINGS: orange left-accent rule on H1 ────────────── */

.markdown-preview-view h1,
.mod-cm6 .cm-editor .HyperMD-header-1 {
  border-left: 3px solid var(--ax1);
  padding-left: 0.6em;
  letter-spacing: -0.03em;
}

.markdown-preview-view h2,
.mod-cm6 .cm-editor .HyperMD-header-2 {
  letter-spacing: -0.02em;
}

h1, h2, h3, h4, h5, h6 {
  letter-spacing: -0.02em;
}

/* ─── INLINE TITLE ───────────────────────────────────────── */

.inline-title {
  font-size: var(--inline-title-size);
  font-weight: var(--inline-title-weight);
  color: var(--tx1);
  letter-spacing: -0.04em;
  padding-top: 24px;
}

/* ─── SCROLLBARS ─────────────────────────────────────────── */

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: var(--ui2);
  border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--ui3);
}

/* ─── LINKS ──────────────────────────────────────────────── */

body:not(.links-int-on) { --link-decoration: none; }
body:not(.links-ext-on) { --link-external-decoration: none; }

.markdown-preview-view a.internal-link,
.markdown-preview-view a.external-link {
  color: var(--ax1);
  text-decoration: none;
  border-bottom: 1px solid rgba(245, 95, 10, 0.35);
  transition: border-color 0.15s ease, color 0.15s ease;
}

.markdown-preview-view a.internal-link:hover,
.markdown-preview-view a.external-link:hover {
  color: var(--ax3);
  border-bottom-color: var(--ax3);
}

/* ─── BLOCKQUOTES ────────────────────────────────────────── */

.markdown-preview-view blockquote {
  border-left: 2px solid var(--ax1);
  background: rgba(245, 95, 10, 0.04);
  border-radius: 0 3px 3px 0;
  margin-left: 0;
  padding: 0.5em 0 0.5em 1.2em;
  color: var(--tx2);
  font-style: normal;
}

/* ─── CODE BLOCKS ────────────────────────────────────────── */

.markdown-preview-view pre,
.cm-s-obsidian .HyperMD-codeblock {
  background: var(--code-background) !important;
  border: 1px solid var(--ui2);
  border-radius: 4px;
  font-size: 0.875em;
}

.markdown-preview-view code,
.cm-s-obsidian span.cm-inline-code {
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--ui2);
  border-radius: 3px;
  padding: 0.1em 0.35em;
  color: var(--ax3);
  font-size: 0.88em;
}

/* syntax highlight */
.cm-s-obsidian span.cm-keyword         { color: hsl(25, 80%, 68%); }
.cm-s-obsidian span.cm-def             { color: var(--ax1); }
.cm-s-obsidian span.cm-variable        { color: var(--tx1); }
.cm-s-obsidian span.cm-variable-2      { color: hsl(200, 70%, 65%); }
.cm-s-obsidian span.cm-string          { color: hsl(95, 48%, 57%); }
.cm-s-obsidian span.cm-comment         { color: var(--tx3); font-style: italic; }
.cm-s-obsidian span.cm-number          { color: hsl(200, 65%, 60%); }
.cm-s-obsidian span.cm-operator        { color: var(--tx2); }
.cm-s-obsidian span.cm-atom            { color: hsl(200, 65%, 60%); }
.cm-s-obsidian span.cm-tag             { color: var(--ax3); }
.cm-s-obsidian span.cm-attribute       { color: hsl(25, 70%, 62%); }
.cm-s-obsidian span.cm-error           { color: #f55040; }

/* ─── TABLES ─────────────────────────────────────────────── */

.markdown-preview-view table,
.markdown-source-view.mod-cm6 table {
  border: 1px solid var(--ui2);
  border-collapse: collapse;
  border-radius: 4px;
  overflow: hidden;
}

.markdown-preview-view th,
.markdown-source-view.mod-cm6 th {
  background: rgba(245, 95, 10, 0.08);
  color: var(--ax1);
  font-weight: 600;
  font-size: 0.82em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border-bottom: 1px solid var(--ui2);
}

.markdown-preview-view td,
.markdown-source-view.mod-cm6 td {
  border-bottom: 1px solid var(--ui1);
  color: var(--tx1);
}

.markdown-preview-view tr:last-child td,
.markdown-source-view.mod-cm6 tr:last-child td {
  border-bottom: none;
}

.markdown-preview-view tbody tr:hover td {
  background: rgba(245, 95, 10, 0.05);
}

/* ─── CHECKBOXES ─────────────────────────────────────────── */

.markdown-preview-view .task-list-item-checkbox {
  accent-color: var(--ax1);
}

input[type="checkbox"]:checked {
  background: var(--ax1);
  border-color: var(--ax1);
}

/* ─── TAGS ───────────────────────────────────────────────── */

.tag {
  color: var(--ax1) !important;
  background: rgba(245, 95, 10, 0.10) !important;
  border: 1px solid rgba(245, 95, 10, 0.28) !important;
  border-radius: 2px !important;
  font-size: 0.78em !important;
  padding: 0.15em 0.5em !important;
  letter-spacing: 0.04em;
  text-transform: lowercase;
  font-variant: none;
  transition: background 0.15s ease;
}

.tag:hover {
  background: rgba(245, 95, 10, 0.20) !important;
  border-color: var(--ax1) !important;
}

/* ─── STATUS BAR ─────────────────────────────────────────── */

.status-bar {
  background: var(--bg1);
  border-top: 1px solid var(--ui1);
  color: var(--tx3);
  font-size: 11px;
}

.status-bar:hover {
  color: var(--tx2);
}

/* ─── RIBBON ─────────────────────────────────────────────── */

.workspace-ribbon {
  background: var(--bg2);
  border-right: 1px solid var(--ui1);
}

.workspace-ribbon .side-dock-ribbon-action:hover {
  color: var(--ax1);
}

/* ─── SIDEBAR ────────────────────────────────────────────── */

.nav-file-title.is-active {
  background: rgba(245, 95, 10, 0.10) !important;
  border-left: 2px solid var(--ax1);
  color: var(--tx1) !important;
}

.nav-file-title:hover,
.nav-folder-title:hover {
  background: var(--bg3) !important;
  color: var(--tx1) !important;
}

.nav-folder-title-content {
  color: var(--tx3);
  font-size: 0.75em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

/* ─── TABS ───────────────────────────────────────────────── */

.workspace-tab-header.is-active {
  background: var(--bg1) !important;
  border-bottom: 2px solid var(--ax1) !important;
}

.workspace-tab-header-inner-title {
  font-size: 0.85em;
  font-weight: 500;
}

.workspace-tab-header-container {
  background: var(--bg2);
  border-bottom: 1px solid var(--ui1);
}

/* ─── VIEW HEADER ────────────────────────────────────────── */

.view-header {
  background: var(--bg1);
  border-bottom: 1px solid var(--ui1);
}

/* ─── MODAL / PROMPT ─────────────────────────────────────── */

.modal {
  background: #0e0e0e;
  border: 1px solid var(--ui2);
  border-radius: 6px;
  box-shadow: 0 24px 64px rgba(0,0,0,0.7);
}

.prompt {
  background: #0e0e0e;
  border: 1px solid var(--ui2);
  border-radius: 6px;
  box-shadow: 0 24px 64px rgba(0,0,0,0.7);
}

.prompt-input {
  background: #111111;
  border: 1px solid var(--ui2) !important;
  border-radius: 3px;
  color: var(--tx1);
  caret-color: var(--ax1);
}

.prompt-input:focus {
  border-color: var(--ax1) !important;
  box-shadow: 0 0 0 2px rgba(245, 95, 10, 0.14);
}

.suggestion-item.is-selected {
  background: rgba(245, 95, 10, 0.12);
  color: var(--tx1);
  border-left: 2px solid var(--ax1);
}

.suggestion-highlight {
  color: var(--ax1);
  font-weight: 600;
}

/* ─── BUTTONS ────────────────────────────────────────────── */

button.mod-cta,
.modal-button-container button.mod-cta {
  background: var(--ax1);
  color: #0a0a0a;
  border: none;
  border-radius: 3px;
  font-weight: 600;
  letter-spacing: 0.02em;
  transition: background 0.15s ease;
}

button.mod-cta:hover,
.modal-button-container button.mod-cta:hover {
  background: var(--ax2);
}

button:not(.mod-cta) {
  background: var(--ui1);
  color: var(--tx1);
  border: 1px solid var(--ui2);
  border-radius: 3px;
  transition: background 0.12s ease;
}

button:not(.mod-cta):hover {
  background: var(--ui2);
}

/* ─── INPUTS / FORM FIELDS ───────────────────────────────── */

input[type="text"],
input[type="search"],
textarea,
select {
  background: #111111;
  border: 1px solid var(--ui2);
  border-radius: 3px;
  color: var(--tx1);
  caret-color: var(--ax1);
}

input[type="text"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
  border-color: var(--ax1);
  outline: none;
  box-shadow: 0 0 0 2px rgba(245, 95, 10, 0.12);
}

select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%237a7570' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
}

/* ─── TOGGLE / CHECKBOX ──────────────────────────────────── */

.checkbox-container.is-enabled {
  background: var(--ax1);
}

.checkbox-container {
  background: var(--ui2);
}

/* ─── SETTINGS PANEL ─────────────────────────────────────── */

.vertical-tab-nav-item.is-active {
  background: rgba(245, 95, 10, 0.10);
  color: var(--tx1);
  border-left: 2px solid var(--ax1);
}

.vertical-tab-nav-item:hover {
  background: var(--bg3);
  color: var(--tx1);
}

.setting-item {
  border-top: 1px solid var(--ui1);
}

.setting-item-name {
  color: var(--tx1);
  font-weight: 500;
}

.setting-item-description {
  color: var(--tx2);
  font-size: 0.85em;
}

/* ─── SEARCH ─────────────────────────────────────────────── */

.search-result-file-matched-text {
  background: rgba(245, 95, 10, 0.25);
  color: var(--tx1);
  border-radius: 2px;
}

.search-result-file-title {
  color: var(--tx1);
  font-weight: 500;
}

.search-result-file-match:hover {
  background: var(--bg3);
}

/* ─── GRAPH VIEW ─────────────────────────────────────────── */

.graph-view.color-fill              { color: var(--ui3); }
.graph-view.color-fill-highlight    { color: var(--ax1); }
.graph-view.color-fill-focused      { color: var(--ax3); }
.graph-view.color-fill-tag          { color: hsl(25, 80%, 68%); }
.graph-view.color-fill-attachment   { color: hsl(200, 65%, 60%); }
.graph-view.color-fill-unresolved   { color: var(--ui2); }
.graph-view.color-arrow             { color: var(--ui2); }
.graph-view.color-circle            { color: var(--ui2); }
.graph-view.color-line              { color: var(--ui1); }
.graph-view.color-text              { color: var(--tx2); }

/* ─── CALLOUTS ────────────────────────────────────────────── */

.callout {
  border-radius: 4px;
  border-left-width: 3px;
}

.callout[data-callout="note"] {
  --callout-color: 245, 95, 10;
  background: rgba(245, 95, 10, 0.05);
}

.callout[data-callout="info"] {
  background: rgba(50, 150, 220, 0.07);
}

.callout[data-callout="warning"],
.callout[data-callout="caution"] {
  background: rgba(245, 180, 10, 0.07);
}

.callout[data-callout="danger"],
.callout[data-callout="error"] {
  background: rgba(245, 60, 50, 0.07);
}

.callout[data-callout="tip"],
.callout[data-callout="success"],
.callout[data-callout="check"],
.callout[data-callout="done"] {
  background: rgba(80, 200, 100, 0.07);
}

.callout-title {
  font-weight: 600;
  font-size: 0.88em;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

/* ─── PROGRESS BARS ──────────────────────────────────────── */

.markdown-preview-view progress[value]::-webkit-progress-bar {
  background: var(--ui1);
  border-radius: 2px;
}

.markdown-preview-view progress[value]::-webkit-progress-value {
  border-radius: 2px;
  background: var(--ax1);
}

/* ─── CANVAS ─────────────────────────────────────────────── */

.canvas-node-container {
  border: 1px solid var(--ui2);
  border-radius: 4px;
}

.canvas-node-container:hover {
  border-color: var(--ui3);
}

.canvas-node-container.mod-focused {
  border-color: var(--ax1) !important;
  box-shadow: 0 0 0 2px rgba(245, 95, 10, 0.20);
}

/* ─── METADATA / PROPERTIES ──────────────────────────────── */

.metadata-container {
  background: rgba(255,255,255,0.02);
  border: 1px solid var(--ui1);
  border-radius: 4px;
  padding: 0.5em 0.75em;
  margin-bottom: 1.5em;
}

.metadata-property-key {
  color: var(--tx3);
  font-size: 0.82em;
  font-weight: 500;
  letter-spacing: 0.04em;
}

.metadata-property-value {
  color: var(--tx1);
  font-size: 0.88em;
}

/* ─── EMBEDS ─────────────────────────────────────────────── */

.internal-embed .markdown-embed {
  border: 0;
  border-left: 2px solid var(--ui2);
  border-radius: 0;
  padding-left: 1em;
  background: rgba(255,255,255,0.02);
}

/* ─── FILE EXPLORER: TYPE BADGES ─────────────────────────── */

.nav-file-tag {
  color: var(--tx3);
  background: transparent;
  font-size: 0.72em;
  padding: 0 0.3em;
  border-radius: 2px;
  border: 1px solid var(--ui2);
}

/* ─── BACKLINKS / OUTLINKS ───────────────────────────────── */

.embedded-backlinks .backlink-pane > .tree-item-self {
  color: var(--tx3);
  font-size: 0.75em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
}

/* ─── PDF VIEWER ─────────────────────────────────────────── */

.theme-dark .pdfViewer .page,
.theme-dark .pdf-viewer .page {
  border: none;
  box-shadow: none;
}

/* ─── TOOLTIP ────────────────────────────────────────────── */

.tooltip {
  background: var(--ui2);
  color: var(--tx1);
  border-radius: 3px;
  font-size: 0.8em;
  padding: 4px 8px;
}

/* ─── MARKDOWN FORMATTING MARKS ──────────────────────────── */

.cm-formatting {
  color: var(--tx3) !important;
}

/* ─── ACTIVE LINE INDICATOR ──────────────────────────────── */

.active-line-on .workspace-leaf-content[data-type=markdown] .cm-line.cm-active {
  background: var(--active-line-bg);
  box-shadow: -25vw 0 var(--active-line-bg), 25vw 0 var(--active-line-bg);
}

/* ─── IMAGES ─────────────────────────────────────────────── */

.theme-dark .markdown-preview-view img,
.theme-dark .markdown-source-view img {
  opacity: var(--image-muted);
  border-radius: var(--image-radius);
  transition: opacity 0.2s ease;
}

.theme-dark .markdown-preview-view img:hover,
.theme-dark .markdown-source-view img:hover {
  opacity: 1;
}

/* ─── HORIZONTAL RULE ────────────────────────────────────── */

.markdown-preview-view hr {
  border: none;
  border-top: 1px solid var(--ui2);
  margin: 2.5em 0;
}

/* markdown source mode */
.cm-s-obsidian .cm-hr {
  color: var(--ui2);
}

/* ─── SPECIAL: orange glow on focused leaf ───────────────── */

.workspace-leaf.mod-active .view-header {
  border-bottom-color: var(--ax1) !important;
}

/* ─── ACCENT UTILITIES ───────────────────────────────────── */

/* Any bold text gets a fractionally brighter warm tint */
.markdown-preview-view strong,
.markdown-rendered strong {
  color: var(--tx1);
  font-weight: 680;
}

/* Strikethrough */
.markdown-preview-view s,
.markdown-rendered s {
  color: var(--tx3);
}

/* Highlighted text (==text==) */
.markdown-preview-view mark,
.markdown-rendered mark {
  background: rgba(245, 95, 10, 0.22);
  color: var(--tx1);
  border-radius: 2px;
  padding: 0 0.15em;
}

/* ─── KANBAN ─────────────────────────────────────────────── */

body .kanban-plugin__lane-items {
  background: #0d0d0d;
  border: 1px solid var(--ui2);
}

body .kanban-plugin__item {
  background: var(--bg2);
  border: 1px solid var(--ui2);
}

body .kanban-plugin__item:hover {
  border-color: var(--ui3);
}

/* ─── DATAVIEW ───────────────────────────────────────────── */

.markdown-preview-view .table-view-table > thead > tr > th {
  background: rgba(245, 95, 10, 0.07);
  color: var(--ax1);
  font-weight: 600;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

body.row-hover .table-view-table > tbody > tr:hover {
  background: rgba(245, 95, 10, 0.05);
}

/* ─── GIT PLUGIN ─────────────────────────────────────────── */

.git-view-body .opener {
  color: var(--tx3);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.75em;
  font-weight: 600;
}

.git-view-body .opener.open {
  color: var(--ax1);
}

/* ─── MISC CLEANUPS ──────────────────────────────────────── */

/* Remove empty state title */
.empty-state-title { display: none; }

/* Release notes readable */
.release-notes-view .cm-scroller {
  width: var(--line-width);
  max-width: var(--max-width);
  margin: 0 auto;
}

/* Selection */
::selection {
  background: rgba(245, 95, 10, 0.25);
  color: var(--tx1);
}

/* Cursor: pointer feel for UI elements */
body {
  --cursor: default;
}

/* ─── MARKDOWN FORMATTING ANCHORS ────────────────────────── */

.markdown-source-view.mod-cm6 .HyperMD-header {
  font-weight: var(--h1-weight);
}

/* ─── MOBILE ─────────────────────────────────────────────── */

@media (max-width: 480px) {
  body {
    --line-width: 100%;
    --max-width: 100%;
    --p-spacing: 1.4rem;
  }
}

/* ─── PRINT ──────────────────────────────────────────────── */

@media print {
  body {
    --bg1: #fff;
    --bg2: #fafafa;
    --tx1: #111;
    --tx2: #555;
    --tx3: #999;
    --ax1: #c0450a;
    --ui1: #ddd;
    --ui2: #ccc;
    --image-muted: 1;
    --code-background: #f5f5f5;
  }

  .markdown-preview-view code {
    background: #f5f5f5;
    border-color: #ddd;
    color: #c0450a;
  }
}

.site-footer a {
  display: none;
}