# CanonRS Styles
**CSS implementation of the design system.**
---
## Structure
```
styles/
├── .generated/ # Generated by tokens-engine (Primitives → Foundation → Families → Semantic → Themes)
│ └── family-*.css # 10 token families
├── ui/ # Component styles
├── blocks/ # Composition styles
├── layouts/ # Layout styles
├── themes/ # Theme overrides
└── canonrs.css # Main entrypoint
```
---
## Build Flow
```
tokens-engine (Rust - Complete CSS Cascade)
↓
.generated/family-*.css
↓
bundle-css.sh
↓
canonrs.bundle.css
```
---
## Usage
```css
/* Import in your project */
@import "canonrs-ui/styles/canonrs.bundle.css";
```
---
See: [../../docs/BUILD_FLOW.md](../../docs/BUILD_FLOW.md)