//-		DS2 core (c) 2024 Alexander McIlwraith 
//-		Core licensed under CC BY-SA 4.0 

extends ../../../core/_master-pattern
block content

	+h(0)
	p Colours are used to represent your site and are an implementation of your brand's visual identity. 

	+h(1)
	p Colours are used throughout your patterns. 

	+h(2)
	p Hover over the colour gradient sample pills to view the accessibility information for each colour sample against black and white. 

	p Click on the colour name or the colour gradient sample pills to copy the colour to your clipboard. A regular click will copy the hex code, a shift+click will copy the RGB code, the alt key (or Mac option&nbsp;&#8997; key) will copy the colour token, and the meta key (Windows key or Mac command&nbsp;&#8984; key) will copy a CSS colour var. 

	include ../../../core/_colour-samples
	h3 Primary colours
	+colour-samples(colours, "colors")
