# `base.css`
A classless base stylesheet that applies sensible defaults to plain HTML elements — typography, spacing, tables, forms, buttons, code blocks, blockquotes, and icon-buttons. Every rule is `:where()`-wrapped (specificity 0), so any consumer class, utility, or inline style always wins.
It imports `theme.css` automatically, so a single import gives you both the design tokens and the element defaults.
## Import
```html
```
Or in JS:
```ts
import "@llumi/design-system/base.css";
```
## What it covers
- **Typography** — font family, sizing, line-height for `html`, headings `h1`–`h6`, paragraphs, lists
- **Links** — color + underline offset (hover state)
- **Code** — `code`, `pre`, `kbd`, `samp` with surface background and borders
- **Tables** — full width, collapsed borders, padded cells
- **Forms** — `input`, `textarea`, `select`, `button`, `fieldset`, `legend` with focus rings
- **Icon buttons** — any `