Shapes and Colors with SVG and CSS
This example demonstrates a basic collection of SVG shapes—circles, rectangles, lines, and a custom path—styled with CSS. It shows how SVG elements inherit fill and stroke properties from parent groups, as well as how individual elements override those defaults. The code uses raw SVG markup with a single `<svg>` canvas and a linked stylesheet (`styles.css`), which applies stroke styling to the `.lines` group. No external JavaScript libraries are used; rendering relies entirely on browser-native SVG support.