Hello, world!
\n)\n```\n\n### In HTML\n\nAlthough it is not a typical use case, the stylesheet can be included in an HTML page directly.\n\n```html\n\n\n \n \n \n \n \n \nHello, world!
\n \n\n```\n\n### Compact mode\n\n[Load the compact tokens](https://github.com/Amsterdam/design-system/blob/main/packages-proprietary/tokens/README.md) to use the compact appearance of the design system, e.g. for applications.\nThey override the spacious ones; the stylesheets can remain unchanged.\n\n### Global styles\n\nSome elements of your document are out of reach for the Design System components.\nHowever, their styles can influence the appearance of the components.\n\n#### Keep the base font size\n\nDo not change the base font-size – e.g. through `html { font-size: 62.5% }`.\nOut typography system expects `1rem` to be the browser default of 16 pixels.\n\nIf you can’t easily remove such an approach from your application, adopt the Design System components gradually by setting `font-size: 100%` on elements that use them.\n\n#### Remove the body margin\n\nIf you haven’t removed the margin on the `` element that browsers set by default, you can add our `ams-body` class to it to do so.\n\n#### Use extra bold text\n\nWe only use the regular and extra bold weights of our font, Amsterdam Sans.\nApply `font-weight: var(--ams-typography-body-text-bold-font-weight)` to elements that display bold text like `b`, `strong`, and `dt`.\n\n## Updating\n\nWe follow semantic versioning and publish a [change log](https://github.com/Amsterdam/design-system/blob/main/packages/css/CHANGELOG.md) to guide you through updates.\nThe classes are a public API of the design system.\nNote that detecting changed or deleted classes is still a manual process.\n\n## Support\n\nContact us if you have a question, find an issue, or want to contribute.\nFind ways to reach us on [designsystem.amsterdam](https://designsystem.amsterdam/?path=/docs/docs-introduction--docs#send-a-message).\n","readmeFilename":"README.md"}