Styling - How to?

[jycouet]

On the read me, I see:

Available properties and their defaults can be found in the :root {} block inside the package CSS.

Could you write an example with 2 or 3 variables (As a demo) ? directly in the readme ?
And where do you do this usually? in style tag of where you placed your <ModalContainer /> ? Or in your app.css ?

---

Then, to style the modal, you would suggest to do it in SomeComponent.svelte directly ? Or more globally ? with like:

.spm-modal {
  background-color: #ff3e00;
  padding: 1rem;
}

Any recommendation ? Tips & trick to know?
(Maybe you could provide 1 example?)

Thx for you help