/* Tipografía de marca (Manual de Identidad Indutécnica): Heebo (contenido) +
   Poppins como sustituto de Axiforma (títulos). Respaldo: Calibri/sistema. */
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700&family=Poppins:wght@500;600;700&display=swap');

/* Design tokens — Identidad corporativa oficial Indutécnica (Manual 2022).
   Institucionales: teal #3BA5B8 + gris #74787D. Cambiar aquí re-tematiza toda la app. */
:root {
  /* Marca — institucionales */
  --teal: #3BA5B8;          /* teal institucional */
  --teal-700: #2E8295;      /* teal oscuro (hover/acción) */
  --teal-300: #6BB6C5;      /* celeste claro */
  --gris-corp: #74787D;     /* gris corporativo */
  --azul-profundo: #216B8A; /* complementario */
  --carbon: #2E2E2D;        /* gris oscuro (texto fuerte) */

  /* Neutrales (afinados a la marca) */
  --blanco: #FFFFFF;
  --gris-50: #F7F8F8;
  --gris-100: #EDEFF0;
  --gris-200: #DCE0E1;
  --gris-400: #9AA0A3;
  --gris-600: #74787D;
  --gris-800: #3A3D3F;

  /* Semáforo (secundarios/complementarios del manual) */
  --ok: #3C7E59;            /* verde (texto) */
  --advertencia: #8A6D1E;   /* ámbar (texto) */
  --peligro: #B0431F;       /* naranja rojizo (texto) */
  --ok-bg: #E4F1EA;
  --advertencia-bg: #FBF1D9;
  --peligro-bg: #F8E3DB;
  --acento: #E7BB4F;        /* ámbar — resaltes puntuales */

  /* Texto */
  --texto: #2E2E2D;
  --texto-suave: #74787D;
  --texto-inverso: #FFFFFF;

  /* Superficies */
  --fondo: #F7F8F8;
  --superficie: #FFFFFF;
  --borde: #DCE0E1;

  /* Tipografía */
  --fuente: "Heebo", "Calibri", "Segoe UI", system-ui, Arial, sans-serif;
  --fuente-titulo: "Poppins", "Calibri", "Segoe UI", system-ui, sans-serif;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 15px;
  --fs-lg: 18px;
  --fs-xl: 24px;
  --fs-2xl: 30px;

  /* Espaciado */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-8: 48px;

  /* Bordes y sombras */
  --radio: 10px;
  --radio-sm: 6px;
  --sombra-sm: 0 1px 2px rgba(46, 46, 45, 0.05), 0 1px 3px rgba(46, 46, 45, 0.08);
  --sombra-md: 0 4px 12px rgba(46, 46, 45, 0.10);
  --sombra-lg: 0 12px 32px rgba(46, 46, 45, 0.16);

  /* Layout */
  --sidebar-ancho: 248px;
  --topbar-alto: 60px;

  /* Compatibilidad: alias usados por componentes antiguos */
  --navy: #2E2E2D;
  --navy-800: #3A3D3F;
  --naranja: #CB4F2B;
  --salmon: #CB4F2B;
  --crema: #F7F8F8;
}