@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500&display=swap"); /* ============================================================================ * Ryvo docs: sistema de diseño (base: el portal de documentación de Vercel) * --------------------------------------------------------------------------- * Fuente de los valores: vercel-docs-design-system.md (medidos con estilos * computados de docs de Vercel). Monocromo: casi todo es escala de grises, y el * color sólo aparece en el foco, en la sintaxis del código y en los avisos. * Jerarquía por peso y color, no por tamaño; bordes de 1px de bajo contraste; * nada de sombras de elevación. * * Cómo está armado, porque el theme `mint` impone dos cosas: * 1. Los tokens del sistema llevan prefijo `--ds-`. Mintlify ya usa * `--gray-100…950`, pero como TRIPLETAS RGB (`rgb(var(--gray-400))`); un * `--gray-400: #a1a1a1` las rompería. Por eso hay dos bloques: los `--ds-*` * en hex (los que consume este archivo) y el remapeo de las tripletas de * Mintlify (§2), que reviste sidebar, navbar, buscador, tarjetas y * paginación sin perseguir clases de Tailwind una por una. Mismos valores, * dos formatos: si cambia uno, cambia el otro. * 2. Mintlify inyecta sus propios `:root{}` en un