/* =========================================================
   DIAGRAM SVG — THEMEABLE STANDARD (CANON)
   ========================================================= */

.diagram-svg {
    color: var(--text-main);
}

    /* zapobiega grubnieciu linii przy skalowaniu */
    .diagram-svg line,
    .diagram-svg path,
    .diagram-svg polyline,
    .diagram-svg polygon {
        vector-effect: non-scaling-stroke;
    }

    /* wspolny font */
    .diagram-svg text {
        font-family: inherit;
    }

    /* osie */
    .diagram-svg .axis {
        stroke: var(--text-muted);
        stroke-width: 1.5;
    }

    /* linie pomocnicze */
    .diagram-svg .helper {
        stroke: var(--text-muted);
        stroke-width: 1;
        stroke-dasharray: 5 5;
        opacity: 0.7;
    }

    /* wektory / kierunki */
    .diagram-svg .vector {
        stroke: var(--accent);
        stroke-width: 2;
    }

    /* geometria narzedzia */
    .diagram-svg .tool {
        stroke: var(--text-main);
        stroke-width: 2;
        fill: none;
    }

    /* punkty */
    .diagram-svg .point {
        fill: var(--accent);
    }

    /* opisy */
    .diagram-svg .label {
        fill: currentColor;
        font-size: 12px;
    }