/* VANTERIS — Controlled Environment Technologies
   Design tokens v1.0
   Los tres colores base salen del logo oficial (valores exactos, muestreados del PNG).
   Todos los ratios de contraste anotados están calculados, no estimados. */

:root{
  /* ---- Color: base de marca (exacto del logo) ---- */
  --vt-teal:        #107B83;  /* firma · 5.02:1 sobre blanco → AA texto */
  --vt-ink:         #282828;  /* tipografía · 14.74:1 sobre blanco */
  --vt-orange:      #FC6A21;  /* ACENTO · 2.91:1 → NUNCA texto sobre blanco */
  --vt-white:       #FFFFFF;

  /* ---- Color: escala de apoyo ---- */
  --vt-teal-deep:   #0B5A60;  /* cabeceras, hover, footer · 7.94:1 sobre blanco */
  --vt-teal-tint:   #E7F2F3;  /* superficie de marca · usar ink o teal-deep encima */
  --vt-ink-muted:   #5E6364;  /* texto secundario · 6.10:1 sobre blanco */
  --vt-orange-ink:  #C2440A;  /* naranja legible para texto/links · 5.09:1 */
  --vt-surface:     #F4F7F7;  /* fondo de sección neutro */
  --vt-line:        #DDE3E3;  /* divisorias y bordes de tabla */

  /* ---- Color: estado (formularios de quote/sample) ---- */
  --vt-success:     #1F7A4C;
  --vt-warning:     #B3730A;
  --vt-error:       #C0392B;

  /* ---- Tipografía ---- */
  --vt-font-display:'Saira','Segoe UI',system-ui,sans-serif;        /* titulares — eco del wordmark */
  --vt-font-body:   'IBM Plex Sans','Segoe UI',system-ui,sans-serif; /* texto, tablas, UI */
  --vt-font-mono:   'IBM Plex Mono','Consolas',ui-monospace,monospace; /* NÚMEROS DE PARTE */

  --vt-w-bold:700;
  --vt-w-semibold:600;
  --vt-w-medium:500;
  --vt-w-regular:400;

  /* Escala (base 16px) */
  --vt-fs-display: clamp(2.1rem,5.5vw,3.4rem);
  --vt-fs-h2:      clamp(1.5rem,3vw,2.1rem);
  --vt-fs-h3:      1.3rem;
  --vt-fs-body:    1rem;
  --vt-fs-small:   .875rem;
  --vt-fs-xsmall:  .8rem;   /* notas al pie y cabeceras de tabla comparativa */
  --vt-fs-label:   .7rem;   /* etiquetas en mayúsculas */
  --vt-fs-sku:     .8125rem;/* número de parte en mono */

  --vt-lh-tight:   1.15;
  --vt-lh-body:    1.6;
  --vt-track-display:.06em;  /* tracking abierto — eco del logo */
  --vt-track-label: .14em;

  /* ---- Radios: mínimos. Marca técnica, no consumo ---- */
  --vt-radius-sm:  2px;
  --vt-radius-md:  4px;
  --vt-radius-pill:999px;

  /* ---- Espaciado ---- */
  --vt-space-1: 4px;
  --vt-space-2: 8px;
  --vt-space-3: 16px;
  --vt-space-4: 24px;
  --vt-space-5: 40px;
  --vt-space-6: 64px;
  --vt-space-7: 96px;   /* separación entre secciones */

  /* ---- Otros ---- */
  --vt-maxw:      1240px;
  --vt-shadow-sm: 0 1px 2px rgba(40,40,40,.06);
  --vt-shadow-md: 0 2px 10px rgba(40,40,40,.08);
  --vt-wedge:     22px;  /* tamaño de la cuña naranja de esquina */
}

/* ---- Webfonts self-hosted (regla del playbook: nada de CDN) ---- */
@font-face{
  font-family:'Saira';
  src:url('/assets/fonts/saira-var.woff2') format('woff2-variations');
  font-weight:100 900; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'IBM Plex Sans';
  src:url('/assets/fonts/plexsans-var.woff2') format('woff2-variations');
  font-weight:100 700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'IBM Plex Mono';
  src:url('/assets/fonts/plexmono-500.woff2') format('woff2');
  font-weight:500; font-style:normal; font-display:swap;
}