/* Warm essay callouts; loaded after Quarto's alert-like defaults. */
.callout.math-depth {
  border-left-color: var(--plum) !important;
  background-color: #ead7da !important;
  background-color: color-mix(in srgb, #ead7da 72%, transparent) !important;
}

.callout.math-depth > .callout-header {
  background-color: #dec1c8 !important;
  background-color: color-mix(in srgb, #dec1c8 76%, transparent) !important;
  color: #6f1f31 !important;
}

.callout.math-depth .callout-icon::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" style="fill: %236f1f31" class="bi bi-lightbulb" viewBox="0 0 16 16"><path d="M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13a.5.5 0 0 1 0 1 .5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1 0-1 .5.5 0 0 1 0-1 .5.5 0 0 1-.46-.302l-.761-1.77a1.964 1.964 0 0 0-.453-.618A5.984 5.984 0 0 1 2 6zm6-5a5 5 0 0 0-3.479 8.592c.263.254.514.564.676.941L5.83 12h4.342l.632-1.467c.162-.377.413-.687.676-.941A5 5 0 0 0 8 1z"/></svg>') !important;
}

.callout.remark-box {
  border-left-color: var(--gold) !important;
  background-color: #fff3dc !important;
  background-color: color-mix(in srgb, #fff4dc 70%, transparent) !important;
}

.callout.remark-box > .callout-header {
  background-color: #f1d9a8 !important;
  background-color: color-mix(in srgb, #f1d9a8 74%, transparent) !important;
  color: #70470f !important;
}

.callout.learning-box,
.callout.consequence-box {
  border-left-color: var(--maroon) !important;
  background-color: #f2d6d0 !important;
  background-color: color-mix(in srgb, #f2d6d0 76%, transparent) !important;
}

.callout.learning-box > .callout-header,
.callout.consequence-box > .callout-header {
  background-color: #dfaaa0 !important;
  background-color: color-mix(in srgb, #dfaaa0 78%, transparent) !important;
  color: #7a2435 !important;
}

.callout.learning-box .callout-icon::before,
.callout.consequence-box .callout-icon::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" stroke="%237a2435" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 16 16"><path d="M2 13.5h12"/><path d="M2.5 11.5 5.5 8l2.25 2.25L12.5 4.5"/><path d="M10 4.5h2.5V7"/></svg>') !important;
}

.callout.precision-box {
  border-left-color: var(--plum) !important;
  background-color: #e8dce3 !important;
  background-color: color-mix(in srgb, #e7dbe2 72%, transparent) !important;
}

.callout.precision-box > .callout-header {
  background-color: #d7c2cf !important;
  background-color: color-mix(in srgb, #d7c2cf 74%, transparent) !important;
  color: #56324e !important;
}

.callout.failure-box {
  border-left-color: var(--rust) !important;
  background-color: #f0ddd4 !important;
  background-color: color-mix(in srgb, #f0ddd4 72%, transparent) !important;
}

.callout.failure-box > .callout-header {
  background-color: #e5c2b5 !important;
  background-color: color-mix(in srgb, #e5c2b5 74%, transparent) !important;
  color: #8c241c !important;
}

.callout.intuition-box {
  border-left-color: var(--taupe) !important;
  background-color: #eee0da !important;
  background-color: color-mix(in srgb, #eee0da 72%, transparent) !important;
}

.callout.intuition-box > .callout-header {
  background-color: #e0cbc2 !important;
  background-color: color-mix(in srgb, #e0cbc2 74%, transparent) !important;
  color: #6d514a !important;
}

.callout.preview-box {
  border-left-color: #7b5a3a !important;
  background-color: #efe5d4 !important;
  background-color: color-mix(in srgb, #efe5d4 72%, transparent) !important;
}

.callout.preview-box > .callout-header {
  background-color: #dfcfb8 !important;
  background-color: color-mix(in srgb, #dfcfb8 74%, transparent) !important;
  color: #5e4632 !important;
}

.callout.history-box {
  border-left-color: var(--umber) !important;
  background-color: #f5ead8 !important;
  background-color: color-mix(in srgb, #f5ead8 72%, transparent) !important;
}

.callout.history-box > .callout-header {
  background-color: #f4dfc7 !important;
  background-color: color-mix(in srgb, #f4dfc7 72%, transparent) !important;
  color: #6f421f !important;
}

body.quarto-dark .callout.math-depth {
  background-color: #321a22 !important;
  background-color: color-mix(in srgb, #321a22 74%, transparent) !important;
}

body.quarto-dark .callout.math-depth > .callout-header {
  background-color: #421f2b !important;
  background-color: color-mix(in srgb, #421f2b 78%, transparent) !important;
  color: #efb4bf !important;
}

body.quarto-dark .callout.math-depth .callout-icon::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" style="fill: %23efb4bf" class="bi bi-lightbulb" viewBox="0 0 16 16"><path d="M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13a.5.5 0 0 1 0 1 .5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1 0-1 .5.5 0 0 1 0-1 .5.5 0 0 1-.46-.302l-.761-1.77a1.964 1.964 0 0 0-.453-.618A5.984 5.984 0 0 1 2 6zm6-5a5 5 0 0 0-3.479 8.592c.263.254.514.564.676.941L5.83 12h4.342l.632-1.467c.162-.377.413-.687.676-.941A5 5 0 0 0 8 1z"/></svg>') !important;
}

body.quarto-dark .callout.remark-box {
  background-color: #2c2212 !important;
  background-color: color-mix(in srgb, #2c2212 68%, transparent) !important;
}

body.quarto-dark .callout.remark-box > .callout-header {
  background-color: #3a2d16 !important;
  background-color: color-mix(in srgb, #3a2d16 78%, transparent) !important;
  color: #f0c875 !important;
}

body.quarto-dark .callout.learning-box,
body.quarto-dark .callout.consequence-box {
  background-color: #351b1f !important;
  background-color: color-mix(in srgb, #351b1f 76%, transparent) !important;
}

body.quarto-dark .callout.learning-box > .callout-header,
body.quarto-dark .callout.consequence-box > .callout-header {
  background-color: #4a2429 !important;
  background-color: color-mix(in srgb, #4a2429 80%, transparent) !important;
  color: #f0b5ad !important;
}

body.quarto-dark .callout.learning-box .callout-icon::before,
body.quarto-dark .callout.consequence-box .callout-icon::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" stroke="%23f0b5ad" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 16 16"><path d="M2 13.5h12"/><path d="M2.5 11.5 5.5 8l2.25 2.25L12.5 4.5"/><path d="M10 4.5h2.5V7"/></svg>') !important;
}

body.quarto-dark .callout.precision-box {
  background-color: #2a1f2b !important;
  background-color: color-mix(in srgb, #2a1f2b 74%, transparent) !important;
}

body.quarto-dark .callout.precision-box > .callout-header {
  background-color: #352637 !important;
  background-color: color-mix(in srgb, #352637 78%, transparent) !important;
  color: #e3bfd7 !important;
}

body.quarto-dark .callout.failure-box {
  background-color: #351c17 !important;
  background-color: color-mix(in srgb, #351c17 74%, transparent) !important;
}

body.quarto-dark .callout.failure-box > .callout-header {
  background-color: #47251d !important;
  background-color: color-mix(in srgb, #47251d 78%, transparent) !important;
  color: #f2b39e !important;
}

body.quarto-dark .callout.intuition-box {
  background-color: #30241f !important;
  background-color: color-mix(in srgb, #30241f 74%, transparent) !important;
}

body.quarto-dark .callout.intuition-box > .callout-header {
  background-color: #3c2c26 !important;
  background-color: color-mix(in srgb, #3c2c26 78%, transparent) !important;
  color: #dfc0b5 !important;
}

body.quarto-dark .callout.preview-box {
  background-color: #2b251d !important;
  background-color: color-mix(in srgb, #2b251d 74%, transparent) !important;
}

body.quarto-dark .callout.preview-box > .callout-header {
  background-color: #362d22 !important;
  background-color: color-mix(in srgb, #362d22 78%, transparent) !important;
  color: #d9c3a7 !important;
}

body.quarto-dark .callout.history-box {
  background-color: #2d2117 !important;
  background-color: color-mix(in srgb, #2d2117 68%, transparent) !important;
}

body.quarto-dark .callout.history-box > .callout-header {
  background-color: #3a2a1d !important;
  background-color: color-mix(in srgb, #3a2a1d 78%, transparent) !important;
  color: #e7c49b !important;
}