Design System for Avalonia

Goal

A design system in Avalonia is a set of named resources (colors, brushes, fonts, doubles, thicknesses) that:

1. Live in ResourceDictionary files merged into App.axaml.
2. Are referenced via {DynamicResource Name} in views — never hard-coded hex/numbers.
3. Are split by theme variant (Light/Dark) so the entire UI re-themes instantly.
4. Follow a 3-layer naming model: primitive → semantic → component.

3-Layer Token Model

Layer 1 — Primitives (raw values, never used in views)