SVG AND CSS
This example demonstrates the interplay between SVG elements and CSS styling, showing how basic shapes like circles, rectangles, lines, and paths can be visually transformed. The SVG markup renders geometric primitives in various colors and stroke styles, with some shapes inheriting global attributes while others use inline `fill` and `stroke` properties. The CSS file applies stroke styling to grouped elements and paths, overriding defaults to create a cohesive design. The visualization relies entirely on native SVG and CSS capabilities, without external libraries, and is scaled via a `transform` attribute on the root group.