Foundations
Borders & rules
Structure comes from a single 1px rule system in two weights — never from shadows. Depth is drawn, not faked.
Rules
Rule (1px)
Rule soft (1px)
<div style="border:1px solid var(--ds-rule)">Rule</div>
<div style="border:1px solid var(--ds-rule-soft)">Rule soft</div>No shadows
The system ships no box-shadow. Elevation, separation and grouping are expressed entirely through 1px rules and flat --ds-bg-alt fills. The result reads as drafted and architectural rather than soft and floating — a deliberate, load-bearing constraint, not an omission.
Selection
Text selection paints accent orange (--ds-accent on --ds-on-accent) via ::selection. Select this sentence to see it.