@use "@material/theme" with (  $primary: #FEDBD0,  $on-primary: #442C2E);

The fully styleable primitives that the web offers (e.g. <div>) are quite powerful, but they lack semantic meaning. This means that accessibility is often missing because assistive technology cannot make sense of the div soup that we use to implement our components.

There are very few built-in UI controls in the browser, and those that do exist are very hard to style.