Styling

• Global styles: set styles in ignite.config.ts to inject a stylesheet into every component’s shadow root.
• Per-component styles: add inline <style> blocks or CSS-in-JS inside your renderer.
• Light DOM: use host-app styles for page-level layout; Ignite only scopes what you inject via styles.

export default defineIgniteConfig({
  styles: new URL('./styles/components.css', import.meta.url).href,
});

For a deeper walkthrough, see the legacy notes in docs/styling/README.md (kept as reference) while we expand this guide.