/* ============================================================================
exidex.dev showcase — shared product-page stylesheet
Served at /_showcase/style.css. Fonts served from /_showcase/fonts/.
Any .exidex/index.html that links this file and uses the vocabulary below
inherits the portfolio's retro desktop-OS look (PostHog-derived tokens —
see portfolio/DESIGN_SYSTEM.md). Light mode; the page is a floating
"window" sitting on the paper-grain wallpaper, exactly like the portfolio.
CLASS VOCABULARY (all prefixed `sc-` so it never collides with app CSS)
Shell
body.sc-desk wallpaper + grain; centers the window
.sc-window the floating window (border, hard offset shadow)
.sc-titlebar window title bar. Children:
.sc-titlebar-dots three window dots — needs one child:
.sc-titlebar-name filename label, e.g. "liverics.mdx" (monospace)
.sc-titlebar-end right cluster: put .sc-accent-dot and .sc-close here
.sc-accent-dot small project-accent dot (matches its portfolio tile)
.sc-close the × — an , closing
the window returns to the desktop
.sc-body content column (padding, measure, typography)
Content (inside .sc-body, plain HTML is pre-styled: h2 h3 p a table ol ul
li code strong hr get the house look for free)
.sc-kicker small caps eyebrow, e.g. "PRODUCT · LIVERICS"
.sc-title the product name (h1)
.sc-tagline one-line pitch under the title
.sc-demo 16:9 demo frame — put a