Hoja de estilos núcleo compartida por las apps del ecosistema Dot Tapioca.
Versión actual: /v1/tokens.css
Uso: agrega en tu HTML o CSS
<link rel="stylesheet" href="https://assets.dottapioca.com/v1/tokens.css">
o @import url("https://assets.dottapioca.com/v1/tokens.css");
Contiene: variables de marca, .glass/.glass-heavy, fondo con blobs, tipografía base.
No contiene componentes de UI específicos de cada app (botones, tabs, tarjetas, etc.) — esos viven en cada proyecto.
Importante: esta hoja NO trae Google Fonts (Archivo Black + Inter) por un
@import propio -- un import remoto anidado dentro de otro rompe el bundler de Tailwind v4 en
las apps consumidoras. Agrega la fuente por separado en el <head> de tu HTML:
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">