Borders

Regions are flat and set apart by a hairline border; only what floats above the page has a shadow.

Border colours

border-border between regions and rows, border-border-strong for a separator, and border-border-control around a control such as a checkbox.

Colour	Light	Dark
border	#E6E4E1	#3B3934
border-strong	#D3D1CD	#55524D
border-control	#888580	#6E6B66
border-control-hover	#6E6B66	#888580

Focus

Whatever takes the keyboard's focus shows an outline in brand-ink, the brand's colour for marks. It is an outline rather than a shadow, so that forced colours keep it.

Shadow

shadow-overlay, for a menu, a popover or a dialog: anything that floats above the page.

Light	Dark