// Ref:
// - https://getbootstrap.com/docs/5.3/utilities/spacing/
// - https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss

/*-- scss:defaults --*/
// Dracula palette
$primary: #35589a;       // purple
$secondary: #6272a4;     // comment blue-gray
$success: #50fa7b;       // green
$info: #8be9fd;          // cyan
$warning: #f1fa8c;       // yellow
$danger: #ff5555;        // red

$body-bg: #383f57;       // background
$body-color: #f8f8f2;    // foreground
$link-color: #bd93f9;    // purple

$navbar-dark-color: #f8f8f2;
$navbar-dark-hover-color: #ff79c6;  // pink

$code-color: #ff79c6;    // pink
$pre-color: #f8f8f2;

$card-bg: #3c5272;       // current line
$card-border-color: #6272a4;

/*-- scss:mixins --*/

/*-- scss:rules --*/
$signature-border-color: tint-color($primary, 25%);


.doc-signature.doc-module > div:first-child,
.doc-signature.doc-class > div:first-child {
   border-top: 0.25rem solid $signature-border-color;
}

.doc-signature.doc-function > div:first-child,
.doc-signature.doc-method > div:first-child {
   border-left: 0.25rem solid $signature-border-color;
}

.doc-signature.doc-attribute > p > code::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  background-color: $signature-border-color;
  border-radius: 50%;
  vertical-align: middle;
  margin-left: -.75rem;
  margin-right: .5rem;
}

// Give the Name column in class summary tables more room
.caption-top.table td:first-child,
.caption-top.table th:first-child {
  width: 40%;
  white-space: nowrap;
}

.doc-usage:not(.doc-signature) > p {
  margin-bottom: -1rem;
  color: $gray-600;
  font-size: 0.95rem;
}

// Mermaid node diagram colour coding — mirrors the color_tag values from Blender.
// !important is required because Quarto's mermaid-init.js injects themeCSS scoped with
// the SVG's ID (e.g. #mermaid-1 .node path), giving those rules (1,1,1) specificity
// which beats any class-only selector.
.node.geometry-node  .label-container path { fill: #e8f5f1 !important; stroke: #3a7c49 !important; stroke-width: 2px !important; }
.node.converter-node .label-container path { fill: #e6f1f7 !important; stroke: #246283 !important; stroke-width: 2px !important; }
.node.vector-node    .label-container path { fill: #e9e9f5 !important; stroke: #3C3C83 !important; stroke-width: 2px !important; }
.node.texture-node   .label-container path { fill: #fef3e6 !important; stroke: #E66800 !important; stroke-width: 2px !important; }
.node.shader-node    .label-container path { fill: #fef0eb !important; stroke: #e67c52 !important; stroke-width: 2px !important; }
.node.input-node     .label-container path { fill: #f1f8ed !important; stroke: #7fb069 !important; stroke-width: 2px !important; }
.node.output-node    .label-container path { fill: #faf0ed !important; stroke: #c97659 !important; stroke-width: 2px !important; }
.node.default-node   .label-container path { fill: #f0f0f0 !important; stroke: #5a5a5a !important; stroke-width: 2px !important; }

/*-- scss:functions --*/

/*-- scss:uses --*/
