:root {
    --function-fg-color: #7e56c2;
    --function-bg-color: #7e56c253;
    --subroutine-fg-color: ##70AE6E;
    --subroutine-bg-color: ##70AE6E1a;
    --type-fg-color: #0550ae;
    --type-bg-color: #0550ae1a;
    --module-fg-color: #6A0136;
    --module-bg-color: #6A01361a;
    --interface-fg-color: #F4743B;
    --interface-bg-color: #F4743B1a;
}

.doc-type-module { color: var(--module-fg-color); background-color: var(--module-bg-color);}
.doc-type-type{ color: var(--type-fg-color); background-color: var(--type-bg-color);}
.doc-type-subroutine{ color: var(--subroutine-fg-color); background-color: var(--subroutine-bg-color);}
.doc-type-function{ color: var(--function-fg-color); background-color: var(--function-bg-color);}
.doc-type-interface{ color: var(--interface-fg-color); background-color: var(--interface-bg-color);}

.doc-name-module { color: var(--module-fg-color)}
.doc-name-type{ color: var(--type-fg-color)}
.doc-name-subroutine{ color: var(--subroutine-fg-color)}
.doc-name-function{ color: var(--function-fg-color)}
.doc-name-interface{ color: var(--interface-fg-color)}

/* Add indentation to children so they look contained within the module */
.doc-group {
    border-left: 3px solid #f0f0f0;
    padding-left: 1.5em;
    margin-bottom: 3em;
}

.highlight {
    margin: 0;
}

.md-typeset pre {
    margin: 0;
}

.doc-group, p {
    margin: 0;
    padding-top: 1em;
}

doc-object, h1{
    margin-bottom: 0 !important;
}

doc-object, h2{
    margin-bottom: 0 !important;
}

doc-object, h3{
    margin-bottom: 0 !important;
}

doc-object, h4{
    margin-bottom: 0 !important;
}

/* --- Graphs --- */

.doc-graph svg {
    max-width: 100%;
    height: auto;
}

/* Hide the Bootstrap "Help" button and Modal that Ford injects */
.graph-help, 
.modal {
    display: none !important;
}

/* Style the graph container */
.depgraph {
    margin: 1em 0;
    text-align: center;
    /* Optional: fallback scrollbar if JS fails */
    overflow: auto; 
}

/* Fix SVG text visibility in dark mode (optional) */
[data-md-color-scheme="slate"] .depgraph svg text {
    fill: #ffffff; /* Make text readable in dark mode */
}
[data-md-color-scheme="slate"] .depgraph svg polygon {
    stroke: #c9d1d9; /* Borders of nodes */
}

svg polygon[fill="white"] {
    fill: transparent !important;
}

svg polygon[fill="#337ab7"] {
    fill: var(--md-primary-fg-color) !important;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #282c34;
  
}

[data-md-color-scheme="slate"] a {
    --md-code-bg-color: transparent;
}