Aplica estilos globales y locales con criterio para mantener orden visual en proyectos Astro.
En Astro puedes combinar estilos globales y estilos acotados por componente.
La clave no es usar una sola técnica, sino decidir cuándo conviene cada una.
Definir tokens de color y espaciado desde el inicio evita inconsistencias visuales.
También es buen momento para preparar base responsive y tipografía.
Separar responsabilidades visuales evita caos.
Con pocas variables puedes estabilizar todo el UI.
Aplica estilos globales y locales con criterio para mantener orden visual en proyectos Astro.
Código del tema: Componentes Astro + render hibrido
Separar responsabilidades visuales evita caos.
Con pocas variables puedes estabilizar todo el UI.
:root {
--color-bg: #f8fafc;
--color-text: #0f172a;
--color-primary: #2563eb;
--radius: 12px;
}
body {
margin: 0;
background: var(--color-bg);
color: var(--color-text);
}