EPIC: Standardized styling approach

[dblodorn]

BRIEF:

We need to spec a generalized token set to allow for theming the template app along with UI packages that the template consumes.

IE:
theme -> create-net-label -> zora-audio-edition-player(UI Package which consumes editions-hooks)

Tailwind CSS will be the utility library for basic css rules.

We could look into implementing a theming stylesheet with css vars that sits on top of tailwind with an easy to grok stylesheet.
This stylesheet could modify:

• Fonts (how many fonts do we want to support out of the box)
• Color Tokens (how deep do we want to go with this)
• Spacing Ratio's / Base Units (will this conflict with tailwind - perhaps we handle spacing outside of tailwind)
• Font Sizing (how many levels of font sizes do we need)

Inspiration / References:

https://github.com/hihayk/shaper

• [WIP]: Css Tokens #3

[dblodorn]

Tasks:

• Spec selector syntax pattern