Variable font-scaling based on rems

--min-fs.8125

--max-fs1

--min-vw20

--max-vw108

Type

--sans

--serif

--mono

--font-body

--font-input

--font-normal 300

--font-heavy 500

--base-line-height 1.5

--base-unit 1.5rem

UI colour assignments

--clr-text --white --black --grey-100 --grey-200 --grey-300 --grey-400 --grey-500 --grey-600 --grey-700 --grey-800 --grey-900 --blue-100 --blue-200 --blue-300 --blue-400 --blue-500 --blue-600 --blue-700 --blue-800 --blue-900 --green-100 --green-200 --green-300 --green-400 --green-500 --green-600 --green-700 --green-800 --green-900 --red-100 --red-200 --red-300 --red-400 --red-500 --red-600 --red-700 --red-800 --brown-100 --brown-200 --brown-300 --brown-400 --brown-500 --brown-600 --brown-700 --brown-800 --brown-900 --yellow-300 --yellow-500 --yellow-700 --orange-300 --orange-500 --orange-700 --pink-300 --pink-500 --pink-700

--clr-bg --white --black --grey-100 --grey-200 --grey-300 --grey-400 --grey-500 --grey-600 --grey-700 --grey-800 --grey-900 --blue-100 --blue-200 --blue-300 --blue-400 --blue-500 --blue-600 --blue-700 --blue-800 --blue-900 --green-100 --green-200 --green-300 --green-400 --green-500 --green-600 --green-700 --green-800 --green-900 --red-100 --red-200 --red-300 --red-400 --red-500 --red-600 --red-700 --red-800 --brown-100 --brown-200 --brown-300 --brown-400 --brown-500 --brown-600 --brown-700 --brown-800 --brown-900 --yellow-300 --yellow-500 --yellow-700 --orange-300 --orange-500 --orange-700 --pink-300 --pink-500 --pink-700

--clr-brand --white --black --grey-100 --grey-200 --grey-300 --grey-400 --grey-500 --grey-600 --grey-700 --grey-800 --grey-900 --blue-100 --blue-200 --blue-300 --blue-400 --blue-500 --blue-600 --blue-700 --blue-800 --blue-900 --green-100 --green-200 --green-300 --green-400 --green-500 --green-600 --green-700 --green-800 --green-900 --red-100 --red-200 --red-300 --red-400 --red-500 --red-600 --red-700 --red-800 --brown-100 --brown-200 --brown-300 --brown-400 --brown-500 --brown-600 --brown-700 --brown-800 --brown-900 --yellow-300 --yellow-500 --yellow-700 --orange-300 --orange-500 --orange-700 --pink-300 --pink-500 --pink-700

--clr-success --white --black --grey-100 --grey-200 --grey-300 --grey-400 --grey-500 --grey-600 --grey-700 --grey-800 --grey-900 --blue-100 --blue-200 --blue-300 --blue-400 --blue-500 --blue-600 --blue-700 --blue-800 --blue-900 --green-100 --green-200 --green-300 --green-400 --green-500 --green-600 --green-700 --green-800 --green-900 --red-100 --red-200 --red-300 --red-400 --red-500 --red-600 --red-700 --red-800 --brown-100 --brown-200 --brown-300 --brown-400 --brown-500 --brown-600 --brown-700 --brown-800 --brown-900 --yellow-300 --yellow-500 --yellow-700 --orange-300 --orange-500 --orange-700 --pink-300 --pink-500 --pink-700

--clr-warning --white --black --grey-100 --grey-200 --grey-300 --grey-400 --grey-500 --grey-600 --grey-700 --grey-800 --grey-900 --blue-100 --blue-200 --blue-300 --blue-400 --blue-500 --blue-600 --blue-700 --blue-800 --blue-900 --green-100 --green-200 --green-300 --green-400 --green-500 --green-600 --green-700 --green-800 --green-900 --red-100 --red-200 --red-300 --red-400 --red-500 --red-600 --red-700 --red-800 --brown-100 --brown-200 --brown-300 --brown-400 --brown-500 --brown-600 --brown-700 --brown-800 --brown-900 --yellow-300 --yellow-500 --yellow-700 --orange-300 --orange-500 --orange-700 --pink-300 --pink-500 --pink-700

--clr-error --white --black --grey-100 --grey-200 --grey-300 --grey-400 --grey-500 --grey-600 --grey-700 --grey-800 --grey-900 --blue-100 --blue-200 --blue-300 --blue-400 --blue-500 --blue-600 --blue-700 --blue-800 --blue-900 --green-100 --green-200 --green-300 --green-400 --green-500 --green-600 --green-700 --green-800 --green-900 --red-100 --red-200 --red-300 --red-400 --red-500 --red-600 --red-700 --red-800 --brown-100 --brown-200 --brown-300 --brown-400 --brown-500 --brown-600 --brown-700 --brown-800 --brown-900 --yellow-300 --yellow-500 --yellow-700 --orange-300 --orange-500 --orange-700 --pink-300 --pink-500 --pink-700

Decoration

--border-width 1px

--clr-border