dark/light theme switching using CSS variables. Use
                        <code>data-theme="dark"</code> or <code>data-theme="light"</code> on <code>&lt;html&gt;</code>
                        or <code>&lt;body&gt;</code> to override system preference.
                    </div>
                    <p>Example:</p>
                    <div>
                        <code>[data-theme="dark"] { --primary-surface-bg: #292a2d; }</code><br>
                        <code>[data-theme="light"] { --primary-surface-b