:root
{
    --dark0-hard_x:     29,32,33; /* #1d2021 */
    --dark0-hard:       rgb(var(--dark0-hard_x));
    --dark0_x:          40,40,40; /* #282828 */
    --dark0:            rgb(var(--dark0_x));
    --dark0-soft_x:     50,48,47; /* #32302f */
    --dark0-soft:       rgb(var(--dark0-soft_x));
    --dark1_x:          60,56,54; /* #3c3836 */
    --dark1:            rgb(var(--dark1_x));
    --dark2_x:          80,73,69; /* #504945 */
    --dark2:            rgb(var(--dark2_x));
    --dark3_x:          102,92,84; /* #665c54 */
    --dark3:            rgb(var(--dark3_x));
    --dark4_x:          124,111,100; /* #7c6f64 */
    --dark4:            rgb(var(--dark4_x));
    --gray_x:           146,131,116; /* #928374 */
    --gray:             rgb(var(--gray_x));

    --light0-hard_x:    249,245,215; /* #f9f5d7 */
    --light0-hard:      rgb(var(--light0-hard_x));
    --light0_x:         251,241,199; /* #fbf1c7 */
    --light0:           rgb(var(--light0_x));
    --light0-soft_x:    242,229,188; /* #f2e5bc */
    --light0-soft:      rgb(var(--light0-soft_x));
    --light1_x:         235,219,178; /* #ebdbb2 */
    --light1:           rgb(var(--light1_x));
    --light2_x:         213,196,161; /* #d5c4a1 */
    --light2:           rgb(var(--light2_x));
    --light3_x:         189,174,147; /* #bdae93 */
    --light3:           rgb(var(--light3_x));
    --light4_x:         168,153,132; /* #a89984 */
    --light4:           rgb(var(--light4_x));

    --bright-red_x:     251,73,52; /* #fb4934 */
    --bright-red:       rgb(var(--bright-red_x));
    --bright-green_x:   184,187,38; /* #b8bb26 */
    --bright-green:     rgb(var(--bright-green_x));
    --bright-yellow_x:  250,189,47; /* #fabd2f */
    --bright-yellow:    rgb(var(--bright-yellow_x));
    --bright-blue_x:    131,165,152; /* #83a598 */
    --bright-blue:      rgb(var(--bright-blue_x));
    --bright-purple_x:  211,134,155; /* #d3869b */
    --bright-purple:    rgb(var(--bright-purple_x));
    --bright-aqua_x:    142,192,124; /* #8ec07c */
    --bright-aqua:      rgb(var(--bright-aqua_x));
    --bright-orange_x:  254,128,25; /* #fe8019 */
    --bright-orange:    rgb(var(--bright-orange_x));

    --neutral-red_x:    204,36,29; /* #cc241d */
    --neutral-red:      rgb(var(--neutral-red_x));
    --neutral-green_x:  152,151,26; /* #98971a */
    --neutral-green:    rgb(var(--neutral-green_x));
    --neutral-yellow_x: 215,153,33; /* #d79921 */
    --neutral-yellow:   rgb(var(--neutral-yellow_x));
    --neutral-blue_x:   69,133,136; /* #458588 */
    --neutral-blue:     rgb(var(--neutral-blue_x));
    --neutral-purple_x: 177,98,134; /* #b16286 */
    --neutral-purple:   rgb(var(--neutral-purple_x));
    --neutral-aqua_x:   104,157,106; /* #689d6a */
    --neutral-aqua:     rgb(var(--neutral-aqua_x));
    --neutral-orange_x: 214,93,14; /* #d65d0e */
    --neutral-orange:   rgb(var(--neutral-orange_x));

    --faded-red_x:      157,0,6; /* #9d0006 */
    --faded-red:        rgb(var(--faded-red_x));
    --faded-green_x:    121,116,14; /* #79740e */
    --faded-green:      rgb(var(--faded-green_x));
    --faded-yellow_x:   181,118,20; /* #b57614 */
    --faded-yellow:     rgb(var(--faded-yellow_x));
    --faded-blue_x:     7,102,120; /* #076678 */
    --faded-blue:       rgb(var(--faded-blue_x));
    --faded-purple_x:   143,63,113; /* #8f3f71 */
    --faded-purple:     rgb(var(--faded-purple_x));
    --faded-aqua_x:     66,123,88; /* #427b58 */
    --faded-aqua:       rgb(var(--faded-aqua_x));
    --faded-orange_x:   175,58,3; /* #af3a03 */
    --faded-orange:     rgb(var(--faded-orange_x));
}

body
{
    --accent-h: 12; /* --faded-red #9d0006 */
    --accent-s: 107%;
    --accent-l: 32%;

    --link-decoration:                none;
    --link-decoration-hover:          none;
    --link-external-decoration:       none;
    --link-external-decoration-hover: none;

    --tag-decoration:                 none;
    --tag-decoration-hover:           underline;
    --tag-padding-x:                  .5em;
    --tag-padding-y:                  .2em;
    --tag-radius:                     .5em;

    --tab-font-weight:                600;
    --bold-weight:                    600;

    --checkbox-radius:                0;

    /* --list-indent:                    2em; */

    --embed-border-left: 6px double var(--interactive-accent);
}

.theme-dark
{
    --color-red-rgb:                 var(--neutral-red_x);
    --color-red:                     var(--neutral-red);
    --color-purple-rgb:              var(--neutral-purple_x);
    --color-purple:                  var(--neutral-purple);
    --color-green-rgb:               var(--neutral-green_x);
    --color-green:                   var(--neutral-green);
    --color-cyan-rgb:                var(--neutral-blue_x);
    --color-cyan:                    var(--neutral-blue);
    --color-blue-rgb:                var(--faded-blue_x);
    --color-blue:                    var(--faded-blue);
    --color-yellow-rgb:              var(--neutral-yellow_x);
    --color-yellow:                  var(--neutral-yellow);
    --color-orange-rgb:              var(--neutral-orange_x);
    --color-orange:                  var(--neutral-orange);
    --color-pink-rgb:                var(--bright-purple_x);
    --color-pink:                    var(--bright-purple);

    --background-primary:            var(--dark0);
    --background-primary-alt:        var(--dark0);
    --background-secondary:          var(--dark0-hard);
    --background-secondary-alt:      var(--dark1);
    --background-modifier-border:    var(--dark1);

    --cursor-line-background:        rgba(var(--dark1_x), 0.5);

    --text-normal:                   var(--light0);
    --text-faint:                    var(--light1);
    --text-muted:                    var(--light2);

    --link-url:                      var(--neutral-green);

    --h1-color:                      var(--bright-yellow);
    --h2-color:                      var(--neutral-yellow);
    --h3-color:                      var(--neutral-green);
    --h4-color:                      var(--neutral-aqua);
    --h5-color:                      var(--neutral-blue);
    --h6-color:                      var(--neutral-purple);

    --text-highlight-bg:             var(--neutral-yellow);
    --text-highlight-fg:             var(--dark0-hard);

    --text-accent:                   var(--neutral-orange);
    --text-accent-hover:             var(--bright-aqua);

    --tag-color:                     var(--bright-aqua);
    --tag-background:                var(--dark2);
    --tag-background-hover:          var(--dark1);

    --titlebar-text-color-focused:   var(--bright-red);

    --inline-title-color:            var(--bright-yellow);

    --bold-color:                    var(--neutral-yellow);
    --italic-color:                  var(--light2);

    --checkbox-color:                var(--light4);
    --checkbox-color-hover:          var(--light4);
    --checkbox-border-color:         var(--light4);
    --checkbox-border-color-hover:   var(--light4);
    --checklist-done-color:          rgba(var(--light2_x), 0.5);

    --table-header-background:       rgba(var(--dark0_x), 0.2);
    --table-header-background-hover: var(--dark2);
    --table-row-even-background:     rgba(var(--dark2_x), 0.2);
    --table-row-odd-background:      rgba(var(--dark2_x), 0.4);
    --table-row-background-hover:    var(--dark2);

    --text-selection:                rgba(var(--neutral-red_x), 0.6);
    --flashing-background:           rgba(var(--neutral-red_x), 0.3);

    --code-normal:                   var(--bright-blue);
    --code-background:               var(--dark1);

    --mermaid-note:                  var(--neutral-blue);
    --mermaid-actor:                 var(--dark2);
    --mermaid-loopline:              var(--neutral-blue);
    --mermaid-exclude:               var(--dark4);
    --mermaid-seqnum:                var(--dark0);

    --icon-color-hover:              var(--bright-red);
    --icon-color-focused:            var(--bright-blue);

    --nav-item-color-hover:          var(--bright-red);
    --nav-item-color-active:         var(--bright-aqua);
    --nav-file-tag:                  rgba(var(--neutral-yellow_x), 0.9);

    --graph-line:                    var(--dark2);
    --graph-node:                    var(--light3);
    --graph-node-tag:                var(--neutral-red);
    --graph-node-attachment:         var(--neutral-green);

    --calendar-hover:                var(--bright-red);
    --calendar-background-hover:     var(--dark1);
    --calendar-week:                 var(--neutral-orange);
    --calendar-today:                var(--neutral-orange);

    --dataview-key:                  var(--text-faint);
    --dataview-key-background:       rgba(var(--faded-red_x), 0.5);
    --dataview-value:                var(--text-faint);
    --dataview-value-background:     rgba(var(--neutral-green_x), 0.3);

    --tab-text-color-focused-active:         var(--neutral-yellow);
    --tab-text-color-focused-active-current: var(--bright-red);
}

.theme-light
{
    --color-red-rgb:                 var(--neutral-red_x);
    --color-red:                     var(--neutral-red);
    --color-purple-rgb:              var(--neutral-purple_x);
    --color-purple:                  var(--neutral-purple);
    --color-green-rgb:               var(--neutral-green_x);
    --color-green:                   var(--neutral-green);
    --color-cyan-rgb:                var(--neutral-blue_x);
    --color-cyan:                    var(--neutral-blue);
    --color-blue-rgb:                var(--faded-blue_x);
    --color-blue:                    var(--faded-blue);
    --color-yellow-rgb:              var(--neutral-yellow_x);
    --color-yellow:                  var(--neutral-yellow);
    --color-orange-rgb:              var(--neutral-orange_x);
    --color-orange:                  var(--neutral-orange);
    --color-pink-rgb:                var(--bright-purple_x);
    --color-pink:                    var(--bright-purple);

    --background-primary:            var(--light0-hard);
    --background-primary-alt:        var(--light0-hard);
    --background-secondary:          var(--light1);
    --background-secondary-alt:      var(--light1);
    --background-modifier-border:    var(--light2);

    --cursor-line-background:        rgba(var(--light1_x), 0.5);

    --text-normal:                   var(--dark0);
    --text-faint:                    var(--dark3);
    --text-muted:                    var(--dark2);

    --link-url:                      var(--neutral-green);

    --h1-color:                      var(--neutral-red);
    --h2-color:                      var(--neutral-yellow);
    --h3-color:                      var(--neutral-green);
    --h4-color:                      var(--neutral-aqua);
    --h5-color:                      var(--neutral-blue);
    --h6-color:                      var(--neutral-purple);

    --text-highlight-bg:             var(--bright-yellow);
    --text-highlight-fg:             var(--dark0);

    --text-accent:                   var(--neutral-orange);
    --text-accent-hover:             var(--bright-aqua);

    --tag-color:                     var(--neutral-aqua);
    --tag-background:                var(--light1);
    --tag-background-hover:          rgba(var(--light1_x), 0.6);

    --titlebar-text-color-focused:   var(--bright-red);

    --inline-title-color:            var(--bright-yellow);

    --bold-color:                    var(--neutral-yellow);
    --italic-color:                  var(--neutral-yellow);

    --checkbox-color:                var(--light4);
    --checkbox-color-hover:          var(--light4);
    --checkbox-border-color:         var(--light4);
    --checkbox-border-color-hover:   var(--light4);
    --checklist-done-color:          rgba(var(--dark2_x), 0.4);

    --table-header-background:       rgba(var(--light3_x), 0.4);
    --table-header-background-hover: var(--light2);
    --table-row-even-background:     rgba(var(--light1_x), 0.2);
    --table-row-odd-background:      rgba(var(--light1_x), 0.7);
    --table-row-background-hover:    var(--light2);

    --text-selection:                rgba(var(--neutral-red_x), 0.6);
    --flashing-background:           rgba(var(--neutral-red_x), 0.3);

    --code-normal:                   var(--bright-blue);
    --code-background:               var(--light1);

    --mermaid-note:                  var(--bright-blue);
    --mermaid-actor:                 var(--light3);
    --mermaid-loopline:              var(--neutral-blue);
    --mermaid-exclude:               var(--light2);
    --mermaid-seqnum:                var(--light0);

    --icon-color-hover:              var(--bright-red);
    --icon-color-focused:            var(--bright-blue);

    --nav-item-color-hover:          var(--bright-red);
    --nav-item-color-active:         var(--neutral-blue);
    --nav-file-tag:                  rgba(var(--neutral-blue_x), 0.9);

    --graph-line:                    var(--light1);
    --graph-node:                    var(--gray);
    --graph-node-tag:                var(--neutral-red);
    --graph-node-attachment:         var(--bright-green);

    --calendar-hover:                var(--bright-red);
    --calendar-background-hover:     var(--light1);
    --calendar-week:                 var(--bright-red);
    --calendar-today:                var(--bright-red);

    --dataview-key:                  var(--text-faint);
    --dataview-key-background:       rgba(var(--faded-red_x), 0.3);
    --dataview-value:                var(--text-faint);
    --dataview-value-background:     rgba(var(--neutral-green_x), 0.2);

    --tab-text-color-focused-active:         var(--neutral-yellow);
    --tab-text-color-focused-active-current: var(--bright-red);
}

table
{
    border: 1px solid var(--background-secondary) !important;
    border-collapse: collapse;
}

thead
{
    border-bottom: 2px solid var(--background-modifier-border) !important;
}
  
th
{
    font-weight: 600 !important;
    border: 1px solid var(--background-secondary) !important;
}

td
{
    border-left: 1px solid var(--background-secondary) !important;
    border-right: 1px solid var(--background-secondary) !important;
    border-bottom: 1px solid var(--background-secondary) !important;
}

.markdown-rendered tbody tr:nth-child(even)
{
    background-color: var(--table-row-even-background) !important;
}

.markdown-rendered tbody tr:nth-child(odd)
{
    background-color: var(--table-row-odd-background) !important;
}

.markdown-rendered tbody tr:nth-child(even):hover,
.markdown-rendered tbody tr:nth-child(odd):hover
{
    background-color: var(--table-row-background-hover) !important;
}

.markdown-rendered mark
{
    background-color: var(--text-highlight-bg);
    color: var(--text-highlight-fg);
}

.markdown-rendered mark a
{
    color: var(--red) !important;
    font-weight: 600;
}

.search-result-file-matched-text
{
    color: var(--text-highlight-fg) !important;
}

.cm-hashtag-begin:hover, .cm-hashtag-end:hover
{
    color: var(--text-accent);
    /* background-color: var(--tag-background-hover); */
    text-decoration: underline;
}

input[type=checkbox]
{
    border: 1px solid var(--checkbox-color);
}

input[type=checkbox]:checked
{
    background-color: var(--checkbox-color);
    box-shadow: inset 0 0 0 2px var(--background-primary);
}

input[type=checkbox]:checked:after
{
    display: none;
}

code[class*="language-"],
pre[class*="language-"]
{
    line-height: var(--line-height-tight) !important;
}

.cm-url
{
    color: var(--link-url) !important;
}

.cm-url:hover
{
    color: var(--text-accent-color) !important;
}

/* Keep highlight/marks the same between viewer and editor. */
.cm-highlight
{
    color: var(--text-highlight-fg) !important;
}

/* Keep inline code the same between viewer and editor. */
.cm-inline-code
{
    border-radius: var(--radius-s);
    font-size: var(--code-size);
    padding: 0.1em 0.25em;
}

.cm-line .cm-strong
{
    color: var(--bold-color) !important;
}

/*
 * Keep list bullet padding the same between viewer and editor.
 * This is annoying with the cursor in the editor as there is a gap.
 */
/*
.cm-formatting-list
{
    padding-right: 4px !important;
}
*/

/*
 * Keep sub-list indenting the same between viewer and editor.
 * This assumes --list-indent is default at 2em.
 */
/*
.cm-indent 
{
    text-indent: 1em !important;
}
*/

.mermaid .note
{
    fill: var(--mermaid-note) !important;
}

.mermaid .actor
{
    fill: var(--mermaid-actor) !important;
}

.mermaid .loopLine
{
    stroke: var(--mermaid-loopline) !important;
}

.mermaid .loopText>tspan,
.mermaid .entityLabel
{
    fill: var(--neutral-red) !important;
}

.mermaid .exclude-range
{
    fill: var(--mermaid-exclude) !important;
}

.mermaid .sequenceNumber
{
    fill: var(--mermaid-seqnum) !important;
}

.calendar .week-num
{
    color: var(--calendar-week) !important;
}

.calendar .today
{
    color: var(--calendar-today) !important;
}

.calendar .week-num:hover,
.calendar .day:hover
{
    color: var(--calendar-hover) !important;
    background-color: var(--calendar-background-hover) !important;
}

.markdown-embed-title
{
    color: var(--yellow);
    font-weight: 600 !important;
}

.cm-active
{
    background-color: var(--cursor-line-background) !important;
}

.nav-file-tag
{
    color: var(--nav-file-tag) !important;
}

.is-flashing
{
    background-color: var(--flashing-background) !important;
}

.dataview.inline-field-key
{
    border-top-left-radius: var(--radius-s);
    border-bottom-left-radius: var(--radius-s);
    padding-left: 4px;
    font-family: var(--font-monospace);
    font-size: var(--font-smaller);
    color: var(--dataview-key) !important;
    background-color: var(--dataview-key-background) !important;
}

.dataview.inline-field-value
{
    border-top-right-radius: var(--radius-s);
    border-bottom-right-radius: var(--radius-s);
    padding-right: 4px;
    font-family: var(--font-monospace);
    font-size: var(--font-smaller);
    color: var(--dataview-value) !important;
    background-color: var(--dataview-value-background) !important;
}

.suggestion-highlight
{
    color: var(--bright-red);
}

body {
    --callout-border-width: 1px;
    --callout-border-opacity: 0.4;
    /* Order as defined in app.css */
    --callout-default: var(--neutral-blue_x);
    --callout-note: var(--neutral-blue_x);
    --callout-summary: var(--neutral-aqua_x);
    --callout-info: var(--neutral-blue_x);
    --callout-todo: var(--neutral-blue_x);
    --callout-important: var(--neutral-aqua_x);
    --callout-tip: var(--neutral-aqua_x);
    --callout-success: var(--neutral-green_x);
    --callout-question: var(--neutral-yellow_x);
    --callout-warning: var(--neutral-orange_x);
    --callout-fail: var(--neutral-red_x);
    --callout-error: var(--neutral-red_x);
    --callout-bug: var(--neutral-red_x);
    --callout-example: var(--neutral-purple_x);
    --callout-quote: var(--gray_x);
}

.callout {
    background-color: rgba(var(--callout-color), 0.2);
}

/* === Base Container: [!multicol] === */
.callout[data-callout="multicol"] {
  --callout-color: transparent;
  --callout-icon: none;
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 1.5em 0;
  --multicol-accent: var(--interactive-accent);
}

.callout[data-callout="multicol"] .callout-title {
  display: none;
}

/* === Flex Layout === */
.callout[data-callout="multicol"] .callout-content {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  justify-content: center;
  align-items: stretch;
}

/* === Column Styling (generic - no need for [!col]) === */
.callout[data-callout="multicol"] .callout-content > * {
  flex: 1 1 0;
  background: transparent;
  border: none;
  margin: 0;
  padding: 0 10px;
  min-width: 0;
}

.callout[data-callout="multicol"] .callout-content > *:first-child {
  padding-left: 0;
}

.callout[data-callout="multicol"] .callout-content > *:last-child {
  padding-right: 0;
}

/* === Faded Vertical Lines (|vert) === */
.callout[data-callout="multicol"][data-callout-metadata*="vert"] .callout-content > *:not(:last-child) {
  border-right: 1px solid transparent;
  border-image: linear-gradient(
    to bottom,
    transparent 0%,
    var(--multicol-accent) 10%,
    var(--multicol-accent) 90%,
    transparent 100%
  );
  border-image-slice: 1;
  padding-right: 20px;
}

/* === Faded Horizontal Lines (|hor) === */
.callout[data-callout="multicol"][data-callout-metadata*="hor"]::before,
.callout[data-callout="multicol"][data-callout-metadata*="hor"]::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent 0%,
    var(--multicol-accent) 10%,
    var(--multicol-accent) 90%,
    transparent 100%
  );
  margin: 0.75em 0;
}

/* === Global Alignment From Container === */
.callout[data-callout="multicol"][data-callout-metadata*="left"] .callout-content > * {
  text-align: left !important;
}

.callout[data-callout="multicol"][data-callout-metadata*="center"] .callout-content > * {
  text-align: center !important;
}

.callout[data-callout="multicol"][data-callout-metadata*="right"] .callout-content > * {
  text-align: right !important;
}

/* === Per-Column Alignment Overrides (if still using [!col|left] etc.) === */
.callout[data-callout="multicol"] .callout-content > [data-callout-metadata*="left"] > .callout-content,
.callout[data-callout="multicol"] .callout-content > [data-callout-metadata*="left"] > .callout-content > p,
.callout[data-callout="multicol"] .callout-content > [data-callout-metadata*="left"] > .callout-content > * {
  text-align: left !important;
}

.callout[data-callout="multicol"] .callout-content > [data-callout-metadata*="center"] > .callout-content,
.callout[data-callout="multicol"] .callout-content > [data-callout-metadata*="center"] > .callout-content > p,
.callout[data-callout="multicol"] .callout-content > [data-callout-metadata*="center"] > .callout-content > * {
  text-align: center !important;
}

.callout[data-callout="multicol"] .callout-content > [data-callout-metadata*="right"] > .callout-content,
.callout[data-callout="multicol"] .callout-content > [data-callout-metadata*="right"] > .callout-content > p,
.callout[data-callout="multicol"] .callout-content > [data-callout-metadata*="right"] > .callout-content > * {
  text-align: right !important;
}

/* === Exceptions for Lists === */
.callout[data-callout="multicol"] .callout-content > * ul,
.callout[data-callout="multicol"] .callout-content > * ol {
  text-align: left !important;
}

/* === Basic Colors === */
.callout[data-callout="multicol"][data-callout-metadata*="red"]         { --multicol-accent: red; }
.callout[data-callout="multicol"][data-callout-metadata*="orange"]      { --multicol-accent: orange; }
.callout[data-callout="multicol"][data-callout-metadata*="yellow"]      { --multicol-accent: gold; }
.callout[data-callout="multicol"][data-callout-metadata*="green"]       { --multicol-accent: green; }
.callout[data-callout="multicol"][data-callout-metadata*="blue"]        { --multicol-accent: dodgerblue; }
.callout[data-callout="multicol"][data-callout-metadata*="purple"]      { --multicol-accent: mediumorchid; }
.callout[data-callout="multicol"][data-callout-metadata*="pink"]        { --multicol-accent: hotpink; }
.callout[data-callout="multicol"][data-callout-metadata*="gray"]        { --multicol-accent: gray; }
.callout[data-callout="multicol"][data-callout-metadata*="white"]       { --multicol-accent: white; }
.callout[data-callout="multicol"][data-callout-metadata*="black"]       { --multicol-accent: black; }


/* === Light Variants (bright but distinct) === */
.callout[data-callout="multicol"][data-callout-metadata*="lightred"]    { --multicol-accent: #ff9999; }
.callout[data-callout="multicol"][data-callout-metadata*="lightorange"] { --multicol-accent: #ffc266; }
.callout[data-callout="multicol"][data-callout-metadata*="lightyellow"] { --multicol-accent: #fff799; }
.callout[data-callout="multicol"][data-callout-metadata*="lightgreen"]  { --multicol-accent: #99e699; }
.callout[data-callout="multicol"][data-callout-metadata*="lightblue"]   { --multicol-accent: #99ccff; }
.callout[data-callout="multicol"][data-callout-metadata*="lightpurple"] { --multicol-accent: #d1a3ff; }
.callout[data-callout="multicol"][data-callout-metadata*="lightpink"]   { --multicol-accent: #ffb6d1; }
.callout[data-callout="multicol"][data-callout-metadata*="lightgray"]   { --multicol-accent: #dddddd; }

/* === LightLight Variants (very bright pastel) === */
.callout[data-callout="multicol"][data-callout-metadata*="lightlightred"]    { --multicol-accent: #ffdada; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightorange"] { --multicol-accent: #ffe5cc; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightyellow"] { --multicol-accent: #fffacc; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightgreen"]  { --multicol-accent: #d6f5dd; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightblue"]   { --multicol-accent: #d6efff; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightpurple"] { --multicol-accent: #f3daff; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightpink"]   { --multicol-accent: #ffd6e5; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightgray"]   { --multicol-accent: #eeeeee; }

/* === Dark Variants (deep but distinguishable) === */
.callout[data-callout="multicol"][data-callout-metadata*="darkred"]     { --multicol-accent: #a6192e; }
.callout[data-callout="multicol"][data-callout-metadata*="darkorange"]  { --multicol-accent: #b34700; }
.callout[data-callout="multicol"][data-callout-metadata*="darkyellow"]  { --multicol-accent: #b3a100; }
.callout[data-callout="multicol"][data-callout-metadata*="darkgreen"]   { --multicol-accent: #1e5631; }
.callout[data-callout="multicol"][data-callout-metadata*="darkblue"]    { --multicol-accent: #1f3a93; }
.callout[data-callout="multicol"][data-callout-metadata*="darkpurple"]  { --multicol-accent: #5e2e8c; }
.callout[data-callout="multicol"][data-callout-metadata*="darkpink"]    { --multicol-accent: #b0006f; }
.callout[data-callout="multicol"][data-callout-metadata*="darkgray"]    { --multicol-accent: #555555; }

/* === DarkDark Variants (very deep color tone) === */
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkred"]     { --multicol-accent: #4d0a0a; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkorange"]  { --multicol-accent: #663300; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkyellow"]  { --multicol-accent: #665c00; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkgreen"]   { --multicol-accent: #004d26; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkblue"]    { --multicol-accent: #002b4d; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkpurple"]  { --multicol-accent: #3d0052; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkpink"]    { --multicol-accent: #660033; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkgray"]    { --multicol-accent: #1a1a1a; }

/* === Mixed Colors === */
.callout[data-callout="multicol"][data-callout-metadata*="redorange"],
.callout[data-callout="multicol"][data-callout-metadata*="orangered"] { --multicol-accent: #ff5200; }
.callout[data-callout="multicol"][data-callout-metadata*="redyellow"],
.callout[data-callout="multicol"][data-callout-metadata*="yellowred"] { --multicol-accent: #ff7f00; }
.callout[data-callout="multicol"][data-callout-metadata*="redgreen"],
.callout[data-callout="multicol"][data-callout-metadata*="greenred"] { --multicol-accent: #7f4000; }
.callout[data-callout="multicol"][data-callout-metadata*="redblue"],
.callout[data-callout="multicol"][data-callout-metadata*="bluered"] { --multicol-accent: #8e487f; }
.callout[data-callout="multicol"][data-callout-metadata*="redpurple"],
.callout[data-callout="multicol"][data-callout-metadata*="purplered"] { --multicol-accent: #c9386d; }
.callout[data-callout="multicol"][data-callout-metadata*="redpink"],
.callout[data-callout="multicol"][data-callout-metadata*="pinkred"] { --multicol-accent: #ff345a; }
.callout[data-callout="multicol"][data-callout-metadata*="redgray"],
.callout[data-callout="multicol"][data-callout-metadata*="grayred"] { --multicol-accent: #bf4040; }
.callout[data-callout="multicol"][data-callout-metadata*="orangered"],
.callout[data-callout="multicol"][data-callout-metadata*="redorange"] { --multicol-accent: #ff5200; }
.callout[data-callout="multicol"][data-callout-metadata*="orangeyellow"],
.callout[data-callout="multicol"][data-callout-metadata*="yelloworange"] { --multicol-accent: #ffd200; }
.callout[data-callout="multicol"][data-callout-metadata*="orangegreen"],
.callout[data-callout="multicol"][data-callout-metadata*="greenorange"] { --multicol-accent: #7f9200; }
.callout[data-callout="multicol"][data-callout-metadata*="orangeblue"],
.callout[data-callout="multicol"][data-callout-metadata*="blueorange"] { --multicol-accent: #8e9a7f; }
.callout[data-callout="multicol"][data-callout-metadata*="orangepurple"],
.callout[data-callout="multicol"][data-callout-metadata*="purpleorange"] { --multicol-accent: #c98a6d; }
.callout[data-callout="multicol"][data-callout-metadata*="orangepink"],
.callout[data-callout="multicol"][data-callout-metadata*="pinkorange"] { --multicol-accent: #ff875a; }
.callout[data-callout="multicol"][data-callout-metadata*="orangegray"],
.callout[data-callout="multicol"][data-callout-metadata*="grayorange"] { --multicol-accent: #bf9240; }
.callout[data-callout="multicol"][data-callout-metadata*="yellowred"],
.callout[data-callout="multicol"][data-callout-metadata*="redyellow"] { --multicol-accent: #ff7f00; }
.callout[data-callout="multicol"][data-callout-metadata*="yelloworange"],
.callout[data-callout="multicol"][data-callout-metadata*="orangeyellow"] { --multicol-accent: #ffd200; }
.callout[data-callout="multicol"][data-callout-metadata*="yellowgreen"],
.callout[data-callout="multicol"][data-callout-metadata*="greenyellow"] { --multicol-accent: #7fbf00; }
.callout[data-callout="multicol"][data-callout-metadata*="yellowblue"],
.callout[data-callout="multicol"][data-callout-metadata*="blueyellow"] { --multicol-accent: #8ec77f; }
.callout[data-callout="multicol"][data-callout-metadata*="yellowpurple"],
.callout[data-callout="multicol"][data-callout-metadata*="purpleyellow"] { --multicol-accent: #c9b76d; }
.callout[data-callout="multicol"][data-callout-metadata*="yellowpink"],
.callout[data-callout="multicol"][data-callout-metadata*="pinkyellow"] { --multicol-accent: #ffb45a; }
.callout[data-callout="multicol"][data-callout-metadata*="yellowgray"],
.callout[data-callout="multicol"][data-callout-metadata*="grayyellow"] { --multicol-accent: #bfbf40; }
.callout[data-callout="multicol"][data-callout-metadata*="greenred"],
.callout[data-callout="multicol"][data-callout-metadata*="redgreen"] { --multicol-accent: #7f4000; }
.callout[data-callout="multicol"][data-callout-metadata*="greenorange"],
.callout[data-callout="multicol"][data-callout-metadata*="orangegreen"] { --multicol-accent: #7f9200; }
.callout[data-callout="multicol"][data-callout-metadata*="greenyellow"],
.callout[data-callout="multicol"][data-callout-metadata*="yellowgreen"] { --multicol-accent: #7fbf00; }
.callout[data-callout="multicol"][data-callout-metadata*="greenblue"],
.callout[data-callout="multicol"][data-callout-metadata*="bluegreen"] { --multicol-accent: #0f887f; }
.callout[data-callout="multicol"][data-callout-metadata*="greenpurple"],
.callout[data-callout="multicol"][data-callout-metadata*="purplegreen"] { --multicol-accent: #49786d; }
.callout[data-callout="multicol"][data-callout-metadata*="greenpink"],
.callout[data-callout="multicol"][data-callout-metadata*="pinkgreen"] { --multicol-accent: #7f745a; }
.callout[data-callout="multicol"][data-callout-metadata*="greengray"],
.callout[data-callout="multicol"][data-callout-metadata*="graygreen"] { --multicol-accent: #408040; }
.callout[data-callout="multicol"][data-callout-metadata*="bluered"],
.callout[data-callout="multicol"][data-callout-metadata*="redblue"] { --multicol-accent: #8e487f; }
.callout[data-callout="multicol"][data-callout-metadata*="blueorange"],
.callout[data-callout="multicol"][data-callout-metadata*="orangeblue"] { --multicol-accent: #8e9a7f; }
.callout[data-callout="multicol"][data-callout-metadata*="blueyellow"],
.callout[data-callout="multicol"][data-callout-metadata*="yellowblue"] { --multicol-accent: #8ec77f; }
.callout[data-callout="multicol"][data-callout-metadata*="bluegreen"],
.callout[data-callout="multicol"][data-callout-metadata*="greenblue"] { --multicol-accent: #0f887f; }
.callout[data-callout="multicol"][data-callout-metadata*="bluepurple"],
.callout[data-callout="multicol"][data-callout-metadata*="purpleblue"] { --multicol-accent: #5880ed; }
.callout[data-callout="multicol"][data-callout-metadata*="bluepink"],
.callout[data-callout="multicol"][data-callout-metadata*="pinkblue"] { --multicol-accent: #8e7cd9; }
.callout[data-callout="multicol"][data-callout-metadata*="bluegray"],
.callout[data-callout="multicol"][data-callout-metadata*="grayblue"] { --multicol-accent: #4f88bf; }
.callout[data-callout="multicol"][data-callout-metadata*="purplered"],
.callout[data-callout="multicol"][data-callout-metadata*="redpurple"] { --multicol-accent: #c9386d; }
.callout[data-callout="multicol"][data-callout-metadata*="purpleorange"],
.callout[data-callout="multicol"][data-callout-metadata*="orangepurple"] { --multicol-accent: #c98a6d; }
.callout[data-callout="multicol"][data-callout-metadata*="purpleyellow"],
.callout[data-callout="multicol"][data-callout-metadata*="yellowpurple"] { --multicol-accent: #c9b76d; }
.callout[data-callout="multicol"][data-callout-metadata*="purplegreen"],
.callout[data-callout="multicol"][data-callout-metadata*="greenpurple"] { --multicol-accent: #49786d; }
.callout[data-callout="multicol"][data-callout-metadata*="purpleblue"],
.callout[data-callout="multicol"][data-callout-metadata*="bluepurple"] { --multicol-accent: #5880ed; }
.callout[data-callout="multicol"][data-callout-metadata*="purplepink"],
.callout[data-callout="multicol"][data-callout-metadata*="pinkpurple"] { --multicol-accent: #c96cc7; }
.callout[data-callout="multicol"][data-callout-metadata*="purplegray"],
.callout[data-callout="multicol"][data-callout-metadata*="graypurple"] { --multicol-accent: #8978ad; }
.callout[data-callout="multicol"][data-callout-metadata*="pinkred"],
.callout[data-callout="multicol"][data-callout-metadata*="redpink"] { --multicol-accent: #ff345a; }
.callout[data-callout="multicol"][data-callout-metadata*="pinkorange"],
.callout[data-callout="multicol"][data-callout-metadata*="orangepink"] { --multicol-accent: #ff875a; }
.callout[data-callout="multicol"][data-callout-metadata*="pinkyellow"],
.callout[data-callout="multicol"][data-callout-metadata*="yellowpink"] { --multicol-accent: #ffb45a; }
.callout[data-callout="multicol"][data-callout-metadata*="pinkgreen"],
.callout[data-callout="multicol"][data-callout-metadata*="greenpink"] { --multicol-accent: #7f745a; }
.callout[data-callout="multicol"][data-callout-metadata*="pinkblue"],
.callout[data-callout="multicol"][data-callout-metadata*="bluepink"] { --multicol-accent: #8e7cd9; }
.callout[data-callout="multicol"][data-callout-metadata*="pinkpurple"],
.callout[data-callout="multicol"][data-callout-metadata*="purplepink"] { --multicol-accent: #c96cc7; }
.callout[data-callout="multicol"][data-callout-metadata*="pinkgray"],
.callout[data-callout="multicol"][data-callout-metadata*="graypink"] { --multicol-accent: #bf749a; }
.callout[data-callout="multicol"][data-callout-metadata*="grayred"],
.callout[data-callout="multicol"][data-callout-metadata*="redgray"] { --multicol-accent: #bf4040; }
.callout[data-callout="multicol"][data-callout-metadata*="grayorange"],
.callout[data-callout="multicol"][data-callout-metadata*="orangegray"] { --multicol-accent: #bf9240; }
.callout[data-callout="multicol"][data-callout-metadata*="grayyellow"],
.callout[data-callout="multicol"][data-callout-metadata*="yellowgray"] { --multicol-accent: #bfbf40; }
.callout[data-callout="multicol"][data-callout-metadata*="graygreen"],
.callout[data-callout="multicol"][data-callout-metadata*="greengray"] { --multicol-accent: #408040; }
.callout[data-callout="multicol"][data-callout-metadata*="grayblue"],
.callout[data-callout="multicol"][data-callout-metadata*="bluegray"] { --multicol-accent: #4f88bf; }
.callout[data-callout="multicol"][data-callout-metadata*="graypurple"],
.callout[data-callout="multicol"][data-callout-metadata*="purplegray"] { --multicol-accent: #8978ad; }
.callout[data-callout="multicol"][data-callout-metadata*="graypink"],
.callout[data-callout="multicol"][data-callout-metadata*="pinkgray"] { --multicol-accent: #bf749a; }

/* === Light Mixed Colors === */
.callout[data-callout="multicol"][data-callout-metadata*="lightredorange"],
.callout[data-callout="multicol"][data-callout-metadata*="lightorangered"] { --multicol-accent: #ff2000; }
.callout[data-callout="multicol"][data-callout-metadata*="lightredyellow"],
.callout[data-callout="multicol"][data-callout-metadata*="lightyellowred"] { --multicol-accent: #ff3f00; }
.callout[data-callout="multicol"][data-callout-metadata*="lightredgreen"],
.callout[data-callout="multicol"][data-callout-metadata*="lightgreenred"] { --multicol-accent: #bf3311; }
.callout[data-callout="multicol"][data-callout-metadata*="lightredblue"],
.callout[data-callout="multicol"][data-callout-metadata*="lightbluered"] { --multicol-accent: #cc263f; }
.callout[data-callout="multicol"][data-callout-metadata*="lightredpurple"],
.callout[data-callout="multicol"][data-callout-metadata*="lightpurplered"] { --multicol-accent: #e50c3f; }
.callout[data-callout="multicol"][data-callout-metadata*="lightredpink"],
.callout[data-callout="multicol"][data-callout-metadata*="lightpinkred"] { --multicol-accent: #ff1933; }
.callout[data-callout="multicol"][data-callout-metadata*="lightredgray"],
.callout[data-callout="multicol"][data-callout-metadata*="lightgrayred"] { --multicol-accent: #e12222; }
.callout[data-callout="multicol"][data-callout-metadata*="lightorangeyellow"],
.callout[data-callout="multicol"][data-callout-metadata*="lightyelloworange"] { --multicol-accent: #ff9f00; }
.callout[data-callout="multicol"][data-callout-metadata*="lightorangegreen"],
.callout[data-callout="multicol"][data-callout-metadata*="lightgreenorange"] { --multicol-accent: #bf9311; }
.callout[data-callout="multicol"][data-callout-metadata*="lightorangeblue"],
.callout[data-callout="multicol"][data-callout-metadata*="lightblueorange"] { --multicol-accent: #cc863f; }
.callout[data-callout="multicol"][data-callout-metadata*="lightorangepurple"],
.callout[data-callout="multicol"][data-callout-metadata*="lightpurpleorange"] { --multicol-accent: #e56c3f; }
.callout[data-callout="multicol"][data-callout-metadata*="lightorangepink"],
.callout[data-callout="multicol"][data-callout-metadata*="lightpinkorange"] { --multicol-accent: #ff7933; }
.callout[data-callout="multicol"][data-callout-metadata*="lightorangegray"],
.callout[data-callout="multicol"][data-callout-metadata*="lightgrayorange"] { --multicol-accent: #e18222; }
.callout[data-callout="multicol"][data-callout-metadata*="lightyellowgreen"],
.callout[data-callout="multicol"][data-callout-metadata*="lightgreenyellow"] { --multicol-accent: #bff211; }
.callout[data-callout="multicol"][data-callout-metadata*="lightyellowblue"],
.callout[data-callout="multicol"][data-callout-metadata*="lightblueyellow"] { --multicol-accent: #cce53f; }
.callout[data-callout="multicol"][data-callout-metadata*="lightyellowpurple"],
.callout[data-callout="multicol"][data-callout-metadata*="lightpurpleyellow"] { --multicol-accent: #e5cc3f; }
.callout[data-callout="multicol"][data-callout-metadata*="lightyellowpink"],
.callout[data-callout="multicol"][data-callout-metadata*="lightpinkyellow"] { --multicol-accent: #ffd833; }
.callout[data-callout="multicol"][data-callout-metadata*="lightyellowgray"],
.callout[data-callout="multicol"][data-callout-metadata*="lightgrayyellow"] { --multicol-accent: #e1e122; }
.callout[data-callout="multicol"][data-callout-metadata*="lightgreenblue"],
.callout[data-callout="multicol"][data-callout-metadata*="lightbluegreen"] { --multicol-accent: #0cbf72; }
.callout[data-callout="multicol"][data-callout-metadata*="lightgreenpurple"],
.callout[data-callout="multicol"][data-callout-metadata*="lightpurplegreen"] { --multicol-accent: #26a572; }
.callout[data-callout="multicol"][data-callout-metadata*="lightgreenpink"],
.callout[data-callout="multicol"][data-callout-metadata*="lightpinkgreen"] { --multicol-accent: #3fb266; }
.callout[data-callout="multicol"][data-callout-metadata*="lightgreengray"],
.callout[data-callout="multicol"][data-callout-metadata*="lightgraygreen"] { --multicol-accent: #22bb55; }
.callout[data-callout="multicol"][data-callout-metadata*="lightbluepurple"],
.callout[data-callout="multicol"][data-callout-metadata*="lightpurpleblue"] { --multicol-accent: #4c7fff; }
.callout[data-callout="multicol"][data-callout-metadata*="lightbluepink"],
.callout[data-callout="multicol"][data-callout-metadata*="lightpinkblue"] { --multicol-accent: #668cf2; }
.callout[data-callout="multicol"][data-callout-metadata*="lightbluegray"],
.callout[data-callout="multicol"][data-callout-metadata*="lightgrayblue"] { --multicol-accent: #4894e1; }
.callout[data-callout="multicol"][data-callout-metadata*="lightpurplepink"],
.callout[data-callout="multicol"][data-callout-metadata*="lightpinkpurple"] { --multicol-accent: #b23ff2; }
.callout[data-callout="multicol"][data-callout-metadata*="lightpurplegray"],
.callout[data-callout="multicol"][data-callout-metadata*="lightgraypurple"] { --multicol-accent: #9448e1; }
.callout[data-callout="multicol"][data-callout-metadata*="lightpinkgray"],
.callout[data-callout="multicol"][data-callout-metadata*="lightgraypink"] { --multicol-accent: #e16ebb; }

/* === Dark Mixed Colors === */
.callout[data-callout="multicol"][data-callout-metadata*="darkredorange"],
.callout[data-callout="multicol"][data-callout-metadata*="darkorangered"] { --multicol-accent: #ff6000; }
.callout[data-callout="multicol"][data-callout-metadata*="darkredyellow"],
.callout[data-callout="multicol"][data-callout-metadata*="darkyellowred"] { --multicol-accent: #ffbf00; }
.callout[data-callout="multicol"][data-callout-metadata*="darkredgreen"],
.callout[data-callout="multicol"][data-callout-metadata*="darkgreenred"] { --multicol-accent: #3f9933; }
.callout[data-callout="multicol"][data-callout-metadata*="darkredblue"],
.callout[data-callout="multicol"][data-callout-metadata*="darkbluered"] { --multicol-accent: #6672bf; }
.callout[data-callout="multicol"][data-callout-metadata*="darkredpurple"],
.callout[data-callout="multicol"][data-callout-metadata*="darkpurplered"] { --multicol-accent: #b226bf; }
.callout[data-callout="multicol"][data-callout-metadata*="darkredpink"],
.callout[data-callout="multicol"][data-callout-metadata*="darkpinkred"] { --multicol-accent: #ff4c99; }
.callout[data-callout="multicol"][data-callout-metadata*="darkredgray"],
.callout[data-callout="multicol"][data-callout-metadata*="darkgrayred"] { --multicol-accent: #a56666; }
.callout[data-callout="multicol"][data-callout-metadata*="darkorangeyellow"],
.callout[data-callout="multicol"][data-callout-metadata*="darkyelloworange"] { --multicol-accent: #ffdf00; }
.callout[data-callout="multicol"][data-callout-metadata*="darkorangegreen"],
.callout[data-callout="multicol"][data-callout-metadata*="darkgreenorange"] { --multicol-accent: #3fb933; }
.callout[data-callout="multicol"][data-callout-metadata*="darkorangeblue"],
.callout[data-callout="multicol"][data-callout-metadata*="darkblueorange"] { --multicol-accent: #6692bf; }
.callout[data-callout="multicol"][data-callout-metadata*="darkorangepurple"],
.callout[data-callout="multicol"][data-callout-metadata*="darkpurpleorange"] { --multicol-accent: #b246bf; }
.callout[data-callout="multicol"][data-callout-metadata*="darkorangepink"],
.callout[data-callout="multicol"][data-callout-metadata*="darkpinkorange"] { --multicol-accent: #ff6c99; }
.callout[data-callout="multicol"][data-callout-metadata*="darkorangegray"],
.callout[data-callout="multicol"][data-callout-metadata*="darkgrayorange"] { --multicol-accent: #a58666; }
.callout[data-callout="multicol"][data-callout-metadata*="darkyellowgreen"],
.callout[data-callout="multicol"][data-callout-metadata*="darkgreenyellow"] { --multicol-accent: #3fd833; }
.callout[data-callout="multicol"][data-callout-metadata*="darkyellowblue"],
.callout[data-callout="multicol"][data-callout-metadata*="darkblueyellow"] { --multicol-accent: #66b2bf; }
.callout[data-callout="multicol"][data-callout-metadata*="darkyellowpurple"],
.callout[data-callout="multicol"][data-callout-metadata*="darkpurpleyellow"] { --multicol-accent: #b266bf; }
.callout[data-callout="multicol"][data-callout-metadata*="darkyellowpink"],
.callout[data-callout="multicol"][data-callout-metadata*="darkpinkyellow"] { --multicol-accent: #ff8c99; }
.callout[data-callout="multicol"][data-callout-metadata*="darkyellowgray"],
.callout[data-callout="multicol"][data-callout-metadata*="darkgrayyellow"] { --multicol-accent: #a5a566; }
.callout[data-callout="multicol"][data-callout-metadata*="darkgreenblue"],
.callout[data-callout="multicol"][data-callout-metadata*="darkbluegreen"] { --multicol-accent: #26a5d0; }
.callout[data-callout="multicol"][data-callout-metadata*="darkgreenpurple"],
.callout[data-callout="multicol"][data-callout-metadata*="darkpurplegreen"] { --multicol-accent: #7259d0; }
.callout[data-callout="multicol"][data-callout-metadata*="darkgreenpink"],
.callout[data-callout="multicol"][data-callout-metadata*="darkpinkgreen"] { --multicol-accent: #bf7faa; }
.callout[data-callout="multicol"][data-callout-metadata*="darkgreengray"],
.callout[data-callout="multicol"][data-callout-metadata*="darkgraygreen"] { --multicol-accent: #669977; }
.callout[data-callout="multicol"][data-callout-metadata*="darkbluepurple"],
.callout[data-callout="multicol"][data-callout-metadata*="darkpurpleblue"] { --multicol-accent: #7f4cff; }
.callout[data-callout="multicol"][data-callout-metadata*="darkbluepink"],
.callout[data-callout="multicol"][data-callout-metadata*="darkpinkblue"] { --multicol-accent: #cc72d8; }
.callout[data-callout="multicol"][data-callout-metadata*="darkbluegray"],
.callout[data-callout="multicol"][data-callout-metadata*="darkgrayblue"] { --multicol-accent: #728ca5; }
.callout[data-callout="multicol"][data-callout-metadata*="darkpurplepink"],
.callout[data-callout="multicol"][data-callout-metadata*="darkpinkpurple"] { --multicol-accent: #e559d8; }
.callout[data-callout="multicol"][data-callout-metadata*="darkpurplegray"],
.callout[data-callout="multicol"][data-callout-metadata*="darkgraypurple"] { --multicol-accent: #8c72a5; }
.callout[data-callout="multicol"][data-callout-metadata*="darkpinkgray"],
.callout[data-callout="multicol"][data-callout-metadata*="darkgraypink"] { --multicol-accent: #a57f99; }

/* === Light Light Mixed Colors === */
.callout[data-callout="multicol"][data-callout-metadata*="lightlightredorange"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightorangered"] { --multicol-accent: #ff1300; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightredyellow"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightyellowred"] { --multicol-accent: #ff2600; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightredgreen"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightgreenred"] { --multicol-accent: #d81e0a; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightredblue"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightbluered"] { --multicol-accent: #e01626; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightredpurple"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightpurplered"] { --multicol-accent: #ef0726; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightredpink"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightpinkred"] { --multicol-accent: #ff0f1e; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightredgray"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightgrayred"] { --multicol-accent: #ed1414; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightorangeyellow"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightyelloworange"] { --multicol-accent: #ff9300; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightorangegreen"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightgreenorange"] { --multicol-accent: #d88b0a; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightorangeblue"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightblueorange"] { --multicol-accent: #e08326; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightorangepurple"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightpurpleorange"] { --multicol-accent: #ef7426; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightorangepink"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightpinkorange"] { --multicol-accent: #ff7c1e; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightorangegray"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightgrayorange"] { --multicol-accent: #ed8114; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightyellowgreen"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightgreenyellow"] { --multicol-accent: #d8f70a; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightyellowblue"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightblueyellow"] { --multicol-accent: #e0ef26; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightyellowpurple"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightpurpleyellow"] { --multicol-accent: #efe026; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightyellowpink"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightpinkyellow"] { --multicol-accent: #ffe81e; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightyellowgray"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightgrayyellow"] { --multicol-accent: #eded14; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightgreenblue"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightbluegreen"] { --multicol-accent: #07c460; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightgreenpurple"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightpurplegreen"] { --multicol-accent: #16b560; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightgreenpink"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightpinkgreen"] { --multicol-accent: #26bc58; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightgreengray"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightgraygreen"] { --multicol-accent: #14c14e; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightbluepurple"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightpurpleblue"] { --multicol-accent: #4289ff; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightbluepink"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightpinkblue"] { --multicol-accent: #5191f7; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightbluegray"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightgrayblue"] { --multicol-accent: #3f96ed; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightpurplepink"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightpinkpurple"] { --multicol-accent: #a83af7; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightpurplegray"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightgraypurple"] { --multicol-accent: #963fed; }
.callout[data-callout="multicol"][data-callout-metadata*="lightlightpinkgray"],
.callout[data-callout="multicol"][data-callout-metadata*="lightlightgraypink"] { --multicol-accent: #ed6bc1; }

/* === Dark Dark Mixed Colors === */
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkredorange"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkorangered"] { --multicol-accent: #ff6c00; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkredyellow"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkyellowred"] { --multicol-accent: #ffd800; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkredgreen"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkgreenred"] { --multicol-accent: #26ad39; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkredblue"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkbluered"] { --multicol-accent: #5182d8; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkredpurple"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkpurplered"] { --multicol-accent: #a82bd8; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkredpink"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkpinkred"] { --multicol-accent: #ff56ad; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkredgray"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkgrayred"] { --multicol-accent: #997373; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkorangeyellow"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkyelloworange"] { --multicol-accent: #ffeb00; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkorangegreen"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkgreenorange"] { --multicol-accent: #26c039; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkorangeblue"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkblueorange"] { --multicol-accent: #5195d8; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkorangepurple"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkpurpleorange"] { --multicol-accent: #a83ed8; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkorangepink"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkpinkorange"] { --multicol-accent: #ff69ad; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkorangegray"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkgrayorange"] { --multicol-accent: #998673; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkyellowgreen"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkgreenyellow"] { --multicol-accent: #26d339; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkyellowblue"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkblueyellow"] { --multicol-accent: #51a8d8; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkyellowpurple"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkpurpleyellow"] { --multicol-accent: #a851d8; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkyellowpink"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkpinkyellow"] { --multicol-accent: #ff7cad; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkyellowgray"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkgrayyellow"] { --multicol-accent: #999973; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkgreenblue"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkbluegreen"] { --multicol-accent: #2ba0e2; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkgreenpurple"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkpurplegreen"] { --multicol-accent: #8249e2; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkgreenpink"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkpinkgreen"] { --multicol-accent: #d875b7; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkgreengray"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkgraygreen"] { --multicol-accent: #73927d; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkbluepurple"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkpurpleblue"] { --multicol-accent: #8942ff; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkbluepink"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkpinkblue"] { --multicol-accent: #e06dd3; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkbluegray"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkgrayblue"] { --multicol-accent: #7b8a99; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkpurplepink"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkpinkpurple"] { --multicol-accent: #ef5ed3; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkpurplegray"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkgraypurple"] { --multicol-accent: #8a7b99; }
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkpinkgray"],
.callout[data-callout="multicol"][data-callout-metadata*="darkdarkgraypink"] { --multicol-accent: #998292; }

}

img {
  border-radius: 6px !important;
}

/* Obsidian Publish-specific class that sometimes wraps the preview */
.markdown-preview-view img {
  border-radius: 6px !important;
}

img {
  border-radius: 6px !important;
  transition: all 0.2s ease-in-out;
}