Shapes and Colors with SVG and CSS
This example demonstrates how SVG shapes and colors can be styled using CSS. The code renders circles, rectangles, lines, and paths on an SVG canvas, with some shapes applying inline `fill` and `stroke` attributes while others inherit styles from CSS rules. A CSS class `.lines` sets stroke properties for paths and lines, and CSS custom properties control colors like `#83cc2a` and `#adf6ff`. The example uses no JavaScript libraries, relying on native SVG elements and CSS for rendering and styling.