Foundations
Foundations is the concept layer. It explains how Farn thinks — the ideas and rationale behind the system — before you reach for specific token values. For the concrete values you look up while building, see Styles.
Surfaces
The theme + depth model — data-theme and data-surface — and how it aligns with the palette.
Layout
Content-first widths, page structure, and grid-vs-flex guidance.
Responsive
Breakpoint tokens and the reflow-by-content philosophy.
Accessibility
Farn's WCAG AA commitment, focus styles, and reduced-motion approach.
Contrast data for all semantic token pairs lives on Foundations › Accessibility.