/* ============================================================================
   NovaCAD — Tokens visuales compartidos (web)
   Espejo del Design System de Lili. FUENTE ÚNICA DE VERDAD para la web.
   Si la app cambia su paleta/tipografía, este archivo se actualiza con Lili.
   No inventar valores aquí: heredar del Design System.
   ============================================================================ */

:root {
  /* ---- Color: superficies ---- */
  --nc-bg:            #F5F5F7;   /* fondo general de la página */
  --nc-panel:         #FFFFFF;   /* tarjetas, paneles, cabeceras */
  --nc-divider:       #D2D2D7;   /* divisores y bordes sutiles */

  /* ---- Color: texto ---- */
  --nc-text:          #1D1D1F;   /* texto principal / titulares */
  --nc-text-soft:     #6E6E73;   /* texto secundario / cuerpo apagado */
  --nc-text-faint:    #AEAEB2;   /* texto terciario / metadatos */

  /* ---- Color: acento (RESERVADO a la acción principal) ---- */
  --nc-accent:        #1D4ED8;   /* azul ingeniería — solo botón primario */
  --nc-accent-hover:  #1A43BC;   /* hover del acento */

  /* ---- Color: semánticos por tipo de archivo ---- */
  --nc-pdf:           #DC2626;   /* PDF (ploteo) */
  --nc-dwg:           #16A34A;   /* DWG (renombrado seguro) */
  --nc-mms:           #2563EB;   /* MMS (extracción) */

  /* ---- Color: estado / avisos ---- */
  --nc-warn-bg:       #FEF3C7;   /* fondo ámbar para avisos honestos */
  --nc-warn-border:   #FCD34D;
  --nc-warn-text:     #92400E;

  /* ---- Tipografía ---- */
  --nc-font: "Segoe UI", "SF Pro Display", "Helvetica Neue", Arial, sans-serif;

  /* Escala tipográfica (titulares serenos, cuerpo legible) */
  --nc-fs-hero:    clamp(2.4rem, 5vw, 3.6rem);  /* H1 hero */
  --nc-fs-h2:      clamp(1.6rem, 3vw, 2.2rem);  /* secciones */
  --nc-fs-h3:      1.2rem;
  --nc-fs-body:    1.0625rem;                   /* 17px cuerpo */
  --nc-fs-small:   0.875rem;

  /* Pesos (jerarquía del DS) */
  --nc-w-regular:  400;
  --nc-w-medium:   500;
  --nc-w-semibold: 600;
  --nc-w-bold:     700;

  /* Interlineado */
  --nc-lh-tight:   1.15;   /* titulares */
  --nc-lh-body:    1.6;    /* cuerpo */

  /* ---- Espaciado (ritmo de 8px; el aire es diseño) ---- */
  --nc-sp-1:  4px;
  --nc-sp-2:  8px;
  --nc-sp-3:  16px;
  --nc-sp-4:  24px;
  --nc-sp-5:  40px;
  --nc-sp-6:  64px;
  --nc-sp-7:  96px;    /* separación entre secciones (aire generoso) */
  --nc-sp-8:  128px;

  /* ---- Radios ---- */
  --nc-radius-sm:  8px;
  --nc-radius:     12px;
  --nc-radius-lg:  20px;
  --nc-radius-pill: 999px;

  /* ---- Sombra (sutil, casi imperceptible) ---- */
  --nc-shadow:     0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.05);

  /* ---- Layout ---- */
  --nc-maxw:       1080px;  /* ancho máximo de contenido */
  --nc-maxw-text:  680px;   /* ancho cómodo de lectura */
}