body { font-family: 'Inter', system-ui, sans-serif; } /* Variables de tema para el panel de usuario (dashboard.php). Por defecto oscuro; el usuario puede pasar a claro quitando la clase "dark" del . El resto del sitio (landing, registro, admin) no usa estas variables y ya es oscuro de forma fija. */ :root { --bg-page: 250 248 245; --bg-card: 255 255 255; --bg-card-alt: 245 241 235; --fg: 45 36 30; } :root.dark { --bg-page: 18 16 14; --bg-card: 26 22 20; --bg-card-alt: 34 29 26; --fg: 245 242 237; } /* Logo con variante "auto" (dashboard.php): se suben dos imágenes (texto claro y texto oscuro) y se alterna cuál se ve según el modo oscuro/claro activo. */ .logo-auto-dark { display: none; } :root.dark .logo-auto-dark { display: inline-block; } :root.dark .logo-auto-light { display: none; } .font-serif { font-family: 'Playfair Display', Georgia, serif; } .font-mono { font-family: 'JetBrains Mono', monospace; } .font-script { font-family: 'Dancing Script', cursive; } .line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } [data-lucide] { display: inline-block; }