/*
 | Overrides de marca Nazan para el panel Filament.
 | Se inyecta vía render hook (STYLES_AFTER) para ganar a los estilos de Filament.
 | El color primario (púrpura) y la tipografía (DM Sans) se configuran en el PanelProvider;
 | aquí afinamos fondo, títulos serif y detalles de marca.
 */
:root {
  --nazan-cream: #faf7f2;
  --nazan-cream-soft: #f3efe8;
  --nazan-ink: #0a0a0a;
  --nazan-accent: #7c3aed;
  --nazan-accent-hover: #6d28d9;
}

/* Fondo crema cálido en modo claro (en vez del gris/blanco por defecto). */
html:not(.dark) .fi-body,
html:not(.dark) .fi-simple-layout {
  background-color: var(--nazan-cream);
}

html:not(.dark) .fi-topbar > nav,
html:not(.dark) .fi-sidebar {
  background-color: rgb(255 255 255 / 0.7);
  backdrop-filter: blur(8px);
}

/* Títulos principales con la serif de marca (Instrument Serif). */
.fi-header-heading,
.fi-modal-heading,
.fi-simple-header-heading {
  font-family: 'Instrument Serif', Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em;
}

.fi-header-heading {
  font-size: 1.85rem;
  line-height: 1.15;
}

/* Wordmark de marca en la barra: un punto de aire. */
.fi-logo {
  letter-spacing: -0.02em;
}

/* Botones y badges primarios con el radio generoso de la marca. */
.fi-btn {
  border-radius: 0.625rem;
}

/* Acento de marca en los enlaces activos del sidebar (refuerza el púrpura). */
html:not(.dark) .fi-sidebar-item-active .fi-sidebar-item-button {
  background-color: rgb(124 58 237 / 0.1);
}