Borders and lines
One quiet grey line around each Card, a fainter rule between its rows, and a stronger edge on each control; a Panel is the grey widget with a quiet frame line.
Lines
Runs 412
run_8f2a91
run_77c0e4
run_3b19d2
Runs 412
run_8f2a91
run_77c0e4
Tokens
22 tokens
--line-hair- 1px
--line-accent- 2px
--line-focus- 2px
--focus-offset- 2px
--line-frame-alpha- 0.14
--mark-size- 8px
--ring-cutout- 2px
--chart-dash- 6 4
--chart-axis-gap- 8px
--border-hair- oklch(var(--ink-c) / 0.08)
--border-faint- oklch(var(--ink-c) / 0.05)
--border-strong- oklch(var(--ink-c) / 0.12)
--border-control- oklch(var(--ink-c) / 0.50)
--border-focus- var(--ink)
--line-frame- oklch(var(--ink-c) / var(--line-frame-alpha))
--line-row- oklch(var(--ink-c) / 0.08)
--line-control- oklch(var(--ink-c) / 0.16)
--line-control-hover- oklch(var(--ink-c) / 0.32)
--scrollbar-thumb- oklch(var(--ink-c) / 0.20)
--chart-ink-2- oklch(var(--ink-c) / 0.66)
--cell-quiet- oklch(var(--ink-c) / 0.07)
--focus-halo- 0 0 0 3px oklch(var(--ink-c) / 0.08)