Architettura CSS moderna (implementare Design Systems accessibili combinando HTML semantico + CSS @layer e custom properties)

Il futuro della UI è già nel browser, se si sa come sbloccarlo! Questo talk esplora come combinare HTML semantico, la CSS at‑rule @layer e le CSS Custom Properties per organizzare il codice in una gerarchia scalabile allo scopo di esporre API CSS intuitive. Mostra la costruzione di design system accessibili token‑first, capaci di tradurre i valori del brand in componenti atomici e schemi colore (dark e light con supporto a temi con accent color), come partire da solide fondamenta creando uno UI Kit minimalista (sulla scia di librerie come Pico.css e Water.css) per ottenere interfacce eleganti con quasi nessuna classe CSS e sfruttando al massimo Semantic HTML, favorendo accessibilità e SEO. Alla fine avremo una struttura coesa e future‑proof: partire dal minimalismo, aggiungere layer, esporre API e rimanere accessibili, lasciando che il browser, e  CSS, svolgano il lavoro più pesante; che si stia lavorando a un side project o a un prodotto enterprise.