···9292 <head>
9393 <meta charset="UTF-8">
9494 <meta name="viewport" content="width=device-width, initial-scale=1.0">
9595- <link rel="stylesheet" href="/src/styles/base.css">
9595+ <link rel="stylesheet" href="volt.css">
9696 <title>My Document</title>
9797 </head>
9898 <body>
9999 <!-- Your markup -->
100100 </body>
101101</html>
102102+```
103103+104104+Or import in JavaScript/TypeScript:
105105+106106+```js
107107+import 'volt/styles';
102108```
103109104110### Example Document Structure
···180186181187### CSS Custom Properties
182188183183-All design tokens are defined as CSS custom properties (CSS variables) in the `:root` selector. Override them to customize the appearance:
189189+All design tokens are defined as CSS custom properties (CSS variables) in `variables.css`.
190190+Override them in your own stylesheet to customize the appearance:
184191185192```css
193193+/* Load Volt CSS first */
194194+@import 'volt.css';
195195+196196+/* Then override variables */
186197:root {
187198 /* Change the accent color */
188199 --color-accent: #d63384;
···199210}
200211```
201212202202-### Properties
213213+See `variables.css` for the complete list of available tokens.
214214+215215+### Available Properties
203216204217**Typography**:
205218