# @42/styles

Optional, fully customizable CSS theme for the headless controllers in
[`@42/core`](../core). The controllers ship no styles of their own — this
package provides a polished default look built on design tokens you can
override.

```bash
npm install @42/styles
```

## Usage

Import the full theme once, near your app entry point:

```ts
import '@42/styles';        // resolves to index.css
```

Or cherry-pick exactly what you need:

```ts
import '@42/styles/tokens.css';   // CSS custom properties (the design tokens)
import '@42/styles/dark.css';     // dark theme overrides
import '@42/styles/accordion.css';
import '@42/styles/tabs.css';
```

Every component CSS file is exported individually (see the `exports` map in
`package.json`), so you only ship the styles for the components you use.

## Theming

All visual values are driven by CSS custom properties defined in `tokens.css`.
Override them in your own stylesheet to re-skin the whole library:

```css
:root {
  --c42-color-accent: #6d28d9;
  --c42-radius: 0.75rem;
}
```

## License

MIT © [Laravel42](https://laravel42.com)