@import "tailwindcss";

@config "../tailwind/preset.js";

/* Base icon alignment for lucide font icons */
@layer base {
  html {
    /* Mantener el font-size base de html para que los REMs sigan siendo de 16px */
    font-size: 16px;
  }

  body {
    /* Premium typography defaults */
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    font-size: 13px; /* Densidad premium para el texto por defecto */
    line-height: 1.5;
    
    /* Mejora el renderizado de la fuente (Smooth font rendering) */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
    /* Colores base por defecto para la app */
    color: var(--color-ink-gray-9, #171717);
    background-color: var(--color-surface-base, #ffffff);
  }

  /* Asegurarse que elementos de formulario hereden la tipografía */
  button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: inherit;
  }

  /* Base icon alignment for lucide font icons */
  [class^="lucide-"], [class*=" lucide-"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
  }
}

/* Inject lucide fonts automatically for consumers */
/* @import "./lucide-icons.css"; - REMOVED: Consumers should import their own lucide fonts to avoid symlink path resolution issues */

/* Any additional global neural-ui styles */

/* Dialog animations */
.cdk-overlay-backdrop {
    transition: opacity 0.15s ease-out !important;
}

.dialog-content {
    animation: dialog-fade-in 0.15s ease-out forwards;
}

@keyframes dialog-fade-in {
    from {
        opacity: 0;
        transform: scale(0.97) translateY(10px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}