/* ============================================================
   Nevuken. — tokens de marca
   Reconstruido a partir de las tablas "Tokens" de BRAND_GUIDELINES.md
   porque el tokens.css original del paquete no estaba en el proyecto.
   Si aparece el archivo oficial, reemplaza este.
   Tema por defecto: oscuro. Tema claro: data-theme="claro" en el contenedor.
   ============================================================ */

:root {
  /* Colores de marca (iguales en los dos temas) */
  --negro: #111111;
  --hueso: #f7f6f3;
  --piedra: #c9c4bc;
  --azul-tinta: #1f3d5c;
  --azul-tinta-claro: #4a7ba8;
  --azul-etiqueta: #5b8bb8;

  /* Semánticos — tema oscuro */
  --fondo: #111111;
  --fondo-elevado: #1b1b1b;
  --fondo-foto: #121212;
  --linea: #2a2a2a;
  --linea-fuerte: #8e8a84;
  --texto: #f7f6f3;
  --texto-suave: #c9c4bc;
  --punto: var(--azul-tinta-claro);
  --acento: var(--azul-etiqueta);
  --acento-suave: #16212d;
  --primario: #f7f6f3;
  --sobre-primario: #111111;
  --foco: var(--acento);

  /* Espacio */
  --espacio-1: 4px;
  --espacio-2: 8px;
  --espacio-3: 12px;
  --espacio-4: 16px;
  --espacio-6: 24px;
  --espacio-8: 32px;
  --espacio-12: 48px;
  --margen-ficha: 64px;

  /* Radios */
  --radio-s: 4px;
  --radio-m: 12px;
  --radio-pill: 999px;
}

/* Semánticos — tema claro (cotización y documentos) */
[data-theme="claro"] {
  --fondo: #f7f6f3;
  --fondo-elevado: #ffffff;
  --fondo-foto: #e9e6e0;
  --linea: #c9c4bc;
  --linea-fuerte: #8a857e;
  --texto: #111111;
  --texto-suave: #5e5a55;
  --punto: var(--azul-tinta);
  --acento: var(--azul-tinta);
  --acento-suave: #e3e8ee;
  --primario: #111111;
  --sobre-primario: #f7f6f3;
  --foco: var(--acento);
}

/* ---------- Estilos de texto ---------- */

.nv-display,
.nv-producto,
.nv-precio,
.nv-titulo,
.nv-subtitulo,
.nv-cuerpo,
.nv-detalle,
.nv-etiqueta {
  font-family: "Inter", sans-serif;
  font-style: normal;
}

.nv-display {
  font-size: 64px;
  line-height: 66px;
  font-weight: 300;
  letter-spacing: -0.035em;
}

.nv-producto {
  font-size: 52px;
  line-height: 52px;
  font-weight: 300;
  letter-spacing: -0.025em;
}

.nv-precio {
  font-size: 46px;
  line-height: 46px;
  font-weight: 300;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}

.nv-titulo {
  font-size: 32px;
  line-height: 38px;
  font-weight: 300;
  letter-spacing: -0.02em;
}

.nv-subtitulo {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0;
  color: var(--texto-suave);
}

.nv-cuerpo {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
}

.nv-detalle {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}

.nv-etiqueta {
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}