## Components

### Colors

```
<main data-scheme="primary" className="flex-1 bg-primary p-2">
    color test:
    <div data-scheme="primary" className="bg-primary text-primary border border-primary p-4">
        <p className="text-secondary">Primary text</p>
        <input
            className="bg-input hover:bg-input-hover border-input hover:border-input-hover text-muted"
            placeholder="Placeholder text"
        />
    </div>
    <div data-scheme="secondary" className="bg-primary text-primary border border-primary p-4">
        <p className="text-secondary">Secondary text</p>
        <input
            className="bg-input hover:bg-input-hover border-input hover:border-input-hover text-muted"
            placeholder="Placeholder text"
        />
    </div>
    <div data-scheme="tertiary" className="bg-primary text-primary border border-primary p-4">
        <p className="text-secondary">Tertiary text</p>
        <input
            className="bg-input hover:bg-input-hover border-input hover:border-input-hover text-muted"
            placeholder="Placeholder text"
        />
    </div>
</main>
```