/* ============================================================================
   tokens.css — sistema de diseno BCPOS, extraido de mockups/index.html.
   Solo variables y tipografia. El layout vive en app.css.
   ============================================================================ */

/* ---------------------------------------------------------------------------
   Tipografias auto-hospedadas.

   NO se usa Google Fonts a proposito: un almacen con puntos muertos de WiFi
   deja la app sin tipografia en el primer hueco, y de nada sirve un shell
   cacheado si las fuentes vienen de fuera.

   Los .woff2 NO estan en el repo; se generan una vez y se copian a fonts/.
   El procedimiento esta en fonts/README.md. Mientras no esten, cada @font-face
   falla en silencio y el navegador cae al stack del sistema, que en el Memor es
   Roboto: la app se ve peor pero funciona igual.
   --------------------------------------------------------------------------- */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;
  src:url('../fonts/inter-400.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;
  src:url('../fonts/inter-500.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;
  src:url('../fonts/inter-600.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;
  src:url('../fonts/inter-700.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;
  src:url('../fonts/poppins-600.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;
  src:url('../fonts/jetbrains-mono-400.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;
  src:url('../fonts/jetbrains-mono-500.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:700;font-display:swap;
  src:url('../fonts/jetbrains-mono-700.woff2') format('woff2')}

:root{
  /* marca */
  --red:#CE212A;         --red-hover:#B51D25;   --red-soft:#FBE9EA;
  --ink:#1A1A1C;         --graphite:#444445;    --slate:#6E6E72;
  --steel:#B8B8BB;       --cloud:#E5E5E7;
  --border:#EBEBED;      --border-strong:#D8D8DB;
  --mist:#F6F6F7;
  --ok:#1C7A3A;          --ok-soft:#E8F5EE;
  --warn:#996200;        --warn-soft:#FFF4E0;

  /* tipografia. El fallback importa: si falta el .woff2, esto es lo que se ve. */
  --sans:'Inter',-apple-system,'Roboto',system-ui,sans-serif;
  --disp:'Poppins',-apple-system,'Roboto',system-ui,sans-serif;
  --mono:'JetBrains Mono','Roboto Mono',ui-monospace,'Courier New',monospace;

  /* Objetivos tactiles. Se usa con guantes: nada baja de 48. */
  --tap:48px;
  --tap-pri:56px;
}