{"lang":{"de":{"content":{"error":{"category":"i18n/l10n","description":"String that can be translated.","type":"content","value":"'Fehler: '"}}}},"root":{"border-radius":{"border-radius":{"default":{"category":"Mood","description":"The roundedness of corners on items that have rounded corners","type":"border-radius","value":".25em"}}},"border":{"border":{"default":{"category":"Mood","description":"The thickness, style, and perhaps color of the default border","type":"border","value":"1px solid #ccc"}}},"box-shadow":{"box-shadow":{"default":{"category":"Mood","description":"The default shadow cast by an element when an element is supposed to cast a shadow","type":"box-shadow","value":"0 .1em .75em rgba(99,99,99,.625)"}}},"color":{"color":{"black":{"category":"Monochrome","description":"Black or near-black, typically used for body text against a white background.","type":"color","value":"#222"},"grey-dark":{"category":"Monochrome","description":"A dark grey used for less text contrast in places, and some light-on-dark sections","type":"color","value":"#555"},"grey":{"category":"Monochrome","description":"A medium grey has lots of utility throughout; borders, text, everything","type":"color","value":"#aaa"},"grey-light":{"category":"Monochrome","description":"Especially used for alternating sections with white background, but also versatile","type":"color","value":"#f7f7f7"},"white":{"category":"Monochrome","description":"The one, the only, white.","type":"color","value":"#fff"},"main":{"category":"Theme","description":"A medium shade of an on-brand blue, ideally. Used for links by default","type":"color","value":"#00799E"},"main-dark":{"category":"Theme","description":"A dark shade of the main hue, used for thematic backgrounds","type":"color","value":"#002733"},"main-light":{"category":"Theme","description":"A very light shade of the main hue, used for backgrounds primarily.","type":"color","value":"#ccf4ff"},"second":{"category":"Theme","description":"Medium shade of what is usually a hot color like red, yellow, or orange","type":"color","value":"#E32416"},"second-dark":{"category":"Theme","description":"A darker shade of the secondary hue","type":"color","value":"#331716"},"second-light":{"category":"Theme","description":"A light shade of the secondary hue","type":"color","value":"#ffcfcc"},"third":{"category":"Theme","description":"The third brand/theme color in a medium shade","type":"color","value":"#00afb9"},"third-dark":{"category":"Theme","description":"A dark shade of the third hue","type":"color","value":"#003033"},"third-light":{"category":"Theme","description":"A light shade of the third hue","type":"color","value":"#ccfcff"},"accent":{"category":"Theme","description":"A special color, often a medium shade. If the brand has a purple or teal, it is great here","type":"color","value":"#6100a7"},"status":{"category":"UI","description":"Text color for status alerts","type":"color","value":"#004085"},"status-background":{"category":"UI","description":"Background color for status alerts","type":"color","value":"#cce5ff"},"warning":{"category":"UI","description":"Text color for warning alerts","type":"color","value":"#856404"},"warning-background":{"category":"UI","description":"Background color for warning alerts","type":"color","value":"#fff3cd"},"error":{"category":"UI","description":"Text color for error alerts","type":"color","value":"#721c24"},"error-background":{"category":"UI","description":"Background color for error alerts","type":"color","value":"#f8d7da"}}},"content":{"content":{"error":{"category":"i18n/l10n","description":"String that can be translated.","type":"content","value":"'Error: '"},"footnotes":{"category":"i18n/l10n","description":"String denoting footnotes that can be translated","type":"content","value":"'Footnotes'"}}},"font-family":{"font-family":{"input":{"category":"Typography","description":"Font used for form fields, primarily","type":"font-family","value":"'Public Sans', Arial, Helvetica, sans-serif"},"monospace":{"category":"Typography","description":"Code font. Usually defaults to a web-safe font","type":"font-family","value":"'courier new', courier, monospace"},"primary":{"category":"Typography","description":"Main body copy and erstwhile main font","type":"font-family","value":"'Public Sans', Arial, Helvetica, sans-serif"},"secondary":{"category":"Typography","description":"Font for headings and other visual emphasis","type":"font-family","value":"'Emberly', Georgia, Times New Roman, serif"}}},"layout":{"layout":{"content-area":{"category":"Maximum","description":"The maximum width that content inside sections can get","type":"layout","value":"1200px"}}},"line-height":{"line-height":{"default":{"category":"Typography","description":"The leading, or vertical space between lines, of body text, expressed as a unitless number","type":"line-height","value":"1.425"},"heading":{"category":"Typography","description":"The leading, or vertical space between lines, of headings, expressed as a unitless number","type":"line-height","value":"1"}}},"spacing":{"spacing":{"single":{"category":"Mood","description":"The base unit for styling of space: with, between, around things. Big values make the design airy, small tight","type":"spacing","value":"0.625rem"}}},"text-shadow":{"text-shadow":{"default":{"category":"Mood","description":"The default shadow cast by text when given a shadow","type":"text-shadow","value":"0 0 2px rgba(0,0,0,.325)"}}},"transition":{"transition":{"default":{"category":"Mood","description":"The properties, timing, and easing of most site elements when they change between property values","type":"transition","value":"background-color .3s ease-in"}}}}}