/* Sinapton · tokens de marca v0.2
   Importar una vez en el layout global. */

@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;600&display=swap");

:root {
  /* Color: marca */
  --snp-tinta: #0F1B2A;      /* texto, logotipo, fondos oscuros */
  --snp-petroleo: #0E6E74;   /* institucional, enlaces, botones (6.0:1 sobre blanco) */
  --snp-sinapsis: #3FB8B0;   /* petróleo sobre fondo oscuro, estados activos, gráficas */
  --snp-nodo: #F2A93B;       /* cliente: CTA y acentos. Nunca texto sobre blanco */
  --snp-alerta: #B26B00;     /* alertas de sistema (la marca excluye el rojo) */

  /* Color: neutros */
  --snp-acero: #5B6B78;      /* texto secundario (5.5:1 sobre blanco) */
  --snp-linea: #D5DCE1;      /* bordes y divisores */
  --snp-niebla: #F3F5F6;     /* fondo de sección */
  --snp-blanco: #FFFFFF;

  /* Tipografía */
  --snp-font-display: "Space Grotesk", system-ui, sans-serif;  /* titulares y logotipo */
  --snp-font-body: "Inter", system-ui, sans-serif;             /* texto e interfaz */
  --snp-font-mono: "IBM Plex Mono", ui-monospace, monospace;   /* SKU, números de parte, folios */

  /* Forma */
  --snp-radius-sm: 10px;
  --snp-radius-md: 18px;
  --snp-radius-lg: 24px;
  --snp-grid: 8px;           /* retícula base, coincide con la del símbolo */
}