/* Novum — tokens de diseño
   Fuente única de verdad para web, dashboards y producto.
   Importar antes de cualquier hoja de estilo propia. */

:root {
  /* ---- Color: superficies ---- */
  --nv-ink:            #060B24; /* fondo principal oscuro */
  /* Tinta al 82 % para la cabecera translúcida. La primera línea es el respaldo
     literal; la segunda deriva de --nv-ink y gana donde color-mix está soportado. */
  --nv-ink-veil:       rgba(6, 11, 36, .82);
  --nv-ink-veil:       color-mix(in srgb, var(--nv-ink) 82%, transparent);
  --nv-ink-2:          #0D1435; /* tarjeta sobre ink */
  --nv-ink-3:          #182047; /* borde / separador sobre ink — decorativo */
  --nv-border-control: #5A6797; /* borde de control interactivo sobre ink — 3.54:1 (WCAG 1.4.11) */
  --nv-surface:        #F5F7FB; /* fondo principal claro */
  --nv-surface-2:      #FFFFFF; /* tarjeta sobre claro */
  --nv-border:         #D6DBE6; /* borde sobre claro */

  /* ---- Color: marca ---- */
  --nv-primary:        #00C2FF; /* solo gráfico y estados sobre oscuro */
  --nv-primary-light:  #3ACFFF; /* hover de --nv-primary sobre oscuro — 10.68:1 con tinta */
  --nv-primary-deep:   #006E99; /* texto y enlaces sobre fondo claro */
  --nv-accent:         #24E39B; /* acento y estado de éxito */

  /* ---- Color: texto ---- */
  --nv-text-on-dark:   #FFFFFF;
  --nv-text-mute-dark: #8A93B2;
  --nv-text-on-light:  #060B24;
  --nv-text-mute-light:#5A6480;

  /* ---- Color: estados ---- */
  --nv-success:        #24E39B;
  --nv-warning:        #FFB020;
  --nv-error:          #FF6B4A;

  /* ---- Tipografía: familias ---- */
  /* El segundo eslabón de cada stack es un respaldo con métricas corregidas
     (ver @font-face en estilos.css): ocupa el mismo espacio que la webfont,
     así el swap no desplaza el texto. */
  --nv-font-display: "Space Grotesk", "Space Grotesk Fallback", system-ui, sans-serif;
  --nv-font-body:    "Inter", "Inter Fallback", system-ui, -apple-system, sans-serif;
  --nv-font-mono:    "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, "SF Mono", monospace;

  /* ---- Tipografía: escala (base 16, razón 1.25) ---- */
  --nv-fs-3xs: 11px;
  --nv-fs-2xs: 12px;
  --nv-fs-xs:  14px;
  --nv-fs-sm:  16px;
  --nv-fs-md:  20px;
  --nv-fs-lg:  25px;
  --nv-fs-xl:  32px;
  --nv-fs-2xl: 40px;
  --nv-fs-3xl: 52px;
  --nv-fs-4xl: 68px;

  /* ---- Tipografía: pesos (solo estos tres) ---- */
  --nv-fw-regular: 400;
  --nv-fw-medium:  500;
  --nv-fw-bold:    700;

  /* ---- Tipografía: interlineado ---- */
  --nv-lh-display: 1.04;
  --nv-lh-heading: 1.16;
  --nv-lh-body:    1.6;
  --nv-lh-tight:   1.3;

  /* ---- Tipografía: tracking ---- */
  --nv-tracking-display: -0.022em;
  --nv-tracking-heading: -0.012em;
  --nv-tracking-body:    0;
  --nv-tracking-eyebrow: 0.16em;
  --nv-tracking-wordmark:0.14em;

  /* ---- Espacio: múltiplos de 8 ---- */
  --nv-space-1:  4px;
  --nv-space-2:  8px;
  --nv-space-3:  12px;
  --nv-space-4:  16px;
  --nv-space-5:  24px;
  --nv-space-6:  32px;
  --nv-space-7:  48px;
  --nv-space-8:  64px;
  --nv-space-9:  96px;
  --nv-space-10: 128px;

  /* ---- Radios ---- */
  --nv-radius-sm:   4px;
  --nv-radius-md:   8px;
  --nv-radius-lg:   12px;
  --nv-radius-xl:   20px;
  --nv-radius-full: 999px;

  /* ---- Marca ---- */
  --nv-logo-unit: 14; /* 1x = grosor del trazo; toda la geometría deriva de aquí */
  --nv-logo-min:  16px; /* tamaño mínimo del monograma */
  --nv-logo-clear: 0.5; /* área de respeto = 0.5 × altura del monograma */
}