- Eliminado max-w-[1280px] de todas las apps (mi-dia, landing, cotizador, cobranza, dashboards, alta-clientes) - Kanban: sin restricción de ancho, columnas min-w-[220px] - Grids: xl:grid-cols-4/5 para pantallas grandes - CSS base: -webkit-text-size-adjust + min-h-screen - 6 apps construidas
25 lines
552 B
CSS
25 lines
552 B
CSS
@custom-variant dark (&:where(.dark, .dark *));
|
|
|
|
@import "tailwindcss";
|
|
|
|
@theme {
|
|
--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
|
|
--color-accent: #2563EB;
|
|
--color-accent-hover: #1D4ED8;
|
|
}
|
|
|
|
@layer base {
|
|
html {
|
|
-webkit-text-size-adjust: 100%;
|
|
}
|
|
body {
|
|
@apply min-h-screen bg-[#F8FAFC] text-[#111827] antialiased dark:bg-[#0F172A] dark:text-[#E2E8F0];
|
|
}
|
|
|
|
/* Foco visible accesible: anillo azul en elementos interactivos */
|
|
:focus-visible {
|
|
outline: none;
|
|
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.35);
|
|
}
|
|
}
|