:root {
    --diagram-blue: #2980b9;
    --diagram-blue-soft: #5dade2;
    --diagram-green: #218c4f;
    --diagram-red: #c43d32;
    --diagram-purple: #8e44ad;
    --diagram-orange: #c65f00;
    --diagram-teal: #16856f;
    --diagram-slate: #34495e;
    --diagram-pink: #b83f6f;
    --diagram-indigo: #6c63c7;
    --diagram-muted: #7f8c8d;
    --diagram-contrast: #fff;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --diagram-blue: #5dade2;
        --diagram-blue-soft: #85c7ef;
        --diagram-green: #55d98a;
        --diagram-red: #ff7669;
        --diagram-purple: #c694e8;
        --diagram-orange: #f2a45d;
        --diagram-teal: #4bc8ad;
        --diagram-slate: #8da5ba;
        --diagram-pink: #ef83ad;
        --diagram-indigo: #aaa3f0;
        --diagram-muted: #a9b1ba;
        --diagram-contrast: #161f27;
    }
}

:root[data-theme="dark"] {
    --diagram-blue: #5dade2;
    --diagram-blue-soft: #85c7ef;
    --diagram-green: #55d98a;
    --diagram-red: #ff7669;
    --diagram-purple: #c694e8;
    --diagram-orange: #f2a45d;
    --diagram-teal: #4bc8ad;
    --diagram-slate: #8da5ba;
    --diagram-pink: #ef83ad;
    --diagram-indigo: #aaa3f0;
    --diagram-muted: #a9b1ba;
    --diagram-contrast: #161f27;
}